Javascript div中的Jquery复选框

我对目前的情况有所了解：

<div id="2">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button id="uncheckAllItem">
       <button id="checkAllItem">
    </div>
</div>

<div id="3">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button id="uncheckAllItem">
       <button id="checkAllItem">
    </div>
</div>

每个带有类行的div都有2个按钮全选和全删除。当我单击id为2的div的deleteall按钮时，必须取消选中该div中的所有复选框。id为3的div的复选框也是如此。这是我的密码：

$('#uncheckAllItem').click(function() {
   $('#' + <?php echo $model->id ?> + ' input[name^=itemCheckBox]').attr('checked', false);
   return false;
});

---

问题是此代码正在取消选中/选中div id 2和div id 3中的所有复选框。有什么问题吗？

首先，按钮ID必须是唯一的，您可以编写类

<div id="2">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">
    </div>
</div>

<div id="3">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">
    </div>
</div>

---

首先，按钮ID必须是唯一的，您可以改为编写类

<div id="2">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">
    </div>
</div>

<div id="3">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">
    </div>
</div>

---

将按钮的id更改为类

<div id="2">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">
    </div>

</div>

<div id="3">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">

    </div>

---

这将把事件绑定到名为uncheckalitems的类，找到要删除的div并取消选中它。

将按钮的id更改为类

<div id="2">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">
    </div>

</div>

<div id="3">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button class="uncheckAllItem">
       <button class="checkAllItem">

    </div>

---

这会将事件绑定到名为uncheckalitems的类，并找到要删除的div，然后取消选中它。

首先，像其他建议的答案一样，将ID更改为类，因为ID应该是唯一的。其次，在设置复选框状态而不是属性时使用

还有一些其他的事情，比如标签应该被关闭，属性类型设置为button。或者，你可以使用，我已经在小提琴中包括了这两个，以显示它们的工作原理相同

<div id="2">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button type="button" class="uncheckAllItem">Uncheck</button>
       <button type="button" class="checkAllItem">Check</button>
    </div>
</div>

---

首先，像其他建议的答案一样，将ID更改为类，因为ID应该是唯一的。其次，在设置复选框状态而不是属性时使用

还有一些其他的事情，比如标签应该被关闭，属性类型设置为button。或者，你可以使用，我已经在小提琴中包括了这两个，以显示它们的工作原理相同

<div id="2">
    <div class="row">
       <input type="checkbox" name="itemCheckbox_1">
       <input type="checkbox" name="itemCheckbox_1">
       <button type="button" class="uncheckAllItem">Uncheck</button>
       <button type="button" class="checkAllItem">Check</button>
    </div>
</div>

---

你有一些错误。元素必须关闭。另外，如前所述，ID必须是唯一的，请改用类。我建议作为解决方案，在buttons元素中使用一个属性复选框uncheck和check/uncheck复选框，如： $.row按钮。单击，函数{ $this.parent.find:checkbox.propchecked，$this.attrvalue==check； }; 全部取消选中 全部检查 全部取消选中 全部检查

---

你有一些错误。元素必须关闭。另外，如前所述，ID必须是唯一的，请改用类。我建议作为解决方案，在buttons元素中使用一个属性复选框uncheck和check/uncheck复选框，如： $.row按钮。单击，函数{ $this.parent.find:checkbox.propchecked，$this.attrvalue==check； }; 全部取消选中 全部检查 全部取消选中 全部检查

---

ID必须是唯一的…返回的值是什么？是@Niffler说对了想想该值返回了什么？你有没有为这个问题做过手脚？在id为2的div按钮的单击功能中返回2。3在id为3的div按钮的单击功能中，id必须是唯一的…返回的值是什么？是@Niffler说对，思考该值返回什么？你有没有为这个问题做过手脚？在id为2的div按钮的单击功能中返回2。3在id为3的div按钮的单击功能中。您好，谢谢，代码只是一个伪代码。我甚至没有按钮，但有两个。无论如何，现在我把ID改成了类，但是，如果我现在有3个div，并且我在第一个div上单击delete all，那么只有最后一个div的复选框是未选中的。另外，我没有使用：checkbox，因为有一个复选框不必更改。嗨，谢谢，代码只是一个伪代码。我甚至没有按钮，但有两个。无论如何，现在我将ID更改为类，但是，如果我现在有3个div，并且在第一个div上单击delete all，则只有最后一个div的复选框未选中。此外，我没有使用：checkbox，因为有一个复选框不必更改。