javascript - 通过选中一个复选框来切换一组复选框

Question

这个问题已经有答案了:

Check all other checkboxes when one is checked (10 个回答)

已关闭 7 年前。

我正在尝试检查一个复选框，并让该操作检查表单中的其余复选框。我如何使用类来做到这一点？

<script>
    $(".global").on("click", function() {
        var all = $(this);
        $('.checkbtn').each(function() { 
            $(this).prop("checked", all.prop("checked"));
        });
    });
</script>

<div>
    <input type="checkbox" class ="global" id="select-all" name="selectAll" value=""/> All
    <input type="checkbox" class ="checkbtn" name="practice" value=""/> 1
    <input type="checkbox" class ="checkbtn" name="filename" value=""/> 2
    <input type="checkbox" class ="checkbtn" name="comment" value=""/> 3
</div>

Answer 1

您不必要地使这项任务复杂化了。往这边走:

$(function() {
  $(".global").on("change", function() {
    var state = this.checked;
    $('.checkbtn').prop("checked", state);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="global" id="select-all" name="selectAll" value="" />All
<input type="checkbox" class="checkbtn" name="practice" value="" />1
<input type="checkbox" class="checkbtn" name="filename" value="" />2
<input type="checkbox" class="checkbtn" name="comment" value="" />3