javascript - 如何在 JQuery/JavaScript 中取消选中一组复选框

Question

我试图让全部 和一组复选框(1, 2, 3) 保持未选中状态。例如，当All未被选中而1被选中时，如果我点击All，1应该被取消选中，反之亦然。

<input type="checkbox" name="checkAll" class="selectAll" />  All  <br/>
<input type="checkbox" name="checkuser" class="cb_box "  />  1
<input type="checkbox" name="checkuser" class="cb_box "  />  2
<input type="checkbox" name="checkuser" class="cb_box "  />  3

我试过这种方法，但没有用。有什么建议吗？

$(function () {
 $('.selectAll').click(function () {
   $('input[name=checkuser]').attr('unchecked', $(this).attr('checked'));
});

Answer 1

使用这种方法

函数 prop 和事件 change

$('input[name="checkuser"]').prop('checked', $(this).is(':checked'));

$(function() {
    $('.selectAll').change(function() {
      $('input[name="checkuser"]').prop('checked', $(this).is(':checked'));
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="checkAll" class="selectAll" /> All <br/>
<input type="checkbox" name="checkuser" class="cb_box " /> 1
<input type="checkbox" name="checkuser" class="cb_box " /> 2
<input type="checkbox" name="checkuser" class="cb_box " /> 3

资源

• .prop()