javascript - 选择奇数复选框

Question

选择奇数复选框请帮我输入代码

for(let i=0;i<8;i++){
if(i%2==1){
document.querySelector(“ul.todo-list > li:nth-child(i) input.toggle”).click()
}
}

标签： javascript

Answer 1

您可以使用li:nth-child(odd)then 将选中的属性设置为 true 那些选中的复选框。

这是一个例子：

let elements = document.querySelectorAll('ul.todo-list > li:nth-child(odd) input[type="checkbox"]');
for(var i=0;i<elements.length;i++){
    elements[i].checked = true;
}

<ul class="todo-list">
    <li>
        <input type="checkbox" />
    </li>
    <li>
        <input type="checkbox" />
    </li>
    <li>
        <input type="checkbox" />
    </li>
    <li>
        <input type="checkbox" />
    </li>
    <li>
        <input type="checkbox" />
    </li>
    <li>
        <input type="checkbox" />
    </li>
    <li>
        <input type="checkbox" />
    </li>
</ul>