javascript - nextUntil() 和 childElements

Question

要素：

<div><input type="checkbox"></input></div> // <-- checked
<div><input type="checkbox"></input></div> // <-- checked
<div><input type="checkbox"></input></div> // <-- unckecked
<div><input type="checkbox"></input></div> // <-- checked

我想将 nextUntil() 与 div-elemets 一起使用来取消选中框（子元素），直到 box3 （第一次未选中）。有办法吗？

Answer 1

您可以尝试改用:lt()选择器：

$("div:lt(3)").find('input').prop('checked', false);

这将为位置之前的元素添加checked属性。inputdiv4th

我3在这里使用是因为lt()是基于 0 的索引。

小提琴演示

Answer 2

$('input[type=checkbox]').each(function () {
    if ( ! this.checked ) return false;
    this.checked = false;
});

注意：false从回调中返回each会跳出循环。

---

这是小提琴：http: //jsfiddle.net/VCD94/

Answer 3

位于不同容器中的复选框使这变得相当复杂。您示例中的复选框不是彼此的兄弟，这就是为什么 nextUntil （或更确切地说是 prevUntil ）在这里不起作用的原因。

$("input:checkbox:not(:checked)").parent().prevAll("div").find("input:checkbox").prop("checked", false);

这是假设它并不总是被选中的复选框。