Question

我整天都在为这个问题大汗淋漓，而且我在网上找不到符合我需要的东西。

我有一个带有复选框的html表单，如下所示：

  <input type="checkbox" name="classes[]" value="1" />JSS1 <br>
    <input type="checkbox" name="subclasses[]" value="2" />Art <br>
    <input type="checkbox" name="subclasses[]" value="1" />Science <br>
  <input type="checkbox" name="classes[]" value="2" />JSS2 <br>
    <input type="checkbox" name="subclasses[]" value="1" />A <br>
    <input type="checkbox" name="subclasses[]" value="2" />B <br>

现在，我想要检查一个类（让我们说JSS1），JSS1（Art，Science）下的所有子类都将被检查等等。

如何使用jQuery执行此操作？

Answer 1

参考fiddle。使用此：

JS：

$(document).ready(function () {
        $("input[name^='classes']").click(function () {
            if ($(this).is(':checked')) {
                $(this).siblings("input[name^='subclasses']").prop("checked", true);
            }
            else {
                $(this).siblings("input[name^='subclasses']").prop("checked", false);
            }
        });

    });

HTML：

<div>
    <input type="checkbox"  name="classes[]" value="1" />JSS1 <br>
    <input type="checkbox"  name="subclasses[]" value="2" />Art <br>
    <input type="checkbox"  name="subclasses[]" value="1" />Science <br>
</div>
<div>
    <input type="checkbox" name="classes[]" value="2" />JSS2 <br>
    <input type="checkbox" name="subclasses[]" value="1" />A <br>
    <input type="checkbox" name="subclasses[]" value="2" />B <br>
</div>

如何使用jquery根据每个子输入检查所有复选框

1 个答案: