Question

function chk() {
  var a = $('#chkAll').prop('checked');

  if (a == true)
    $('.hobbie').attr('checked', 'checked');
  else
    $('.hobbie').removeAttr('checked');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Select All <input onclick="chk()" type="checkbox" id="chkAll">
<br>
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">

如果我点击选中所有复选框，则选中所有复选框，如果我再次点击它取消选中所有复选框，但在此之后它不起作用，直到我刷新页面。

Answer 1

使用此代码：

function chk(obj) {
  $('.hobbie').prop('checked', $(obj).prop('checked'));
}

<强>演示

function chk(obj) {
  $('.hobbie').prop('checked', $(obj).prop('checked'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Select All <input onclick="chk(this)" type="checkbox" id="chkAll">
<br>
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">

Answer 2

无需检查是否有条件。最短的方法。

＆＃13;

function chk() {
  $('#chkAll').on('change', function() {
    $('.hobbie:checkbox').prop('checked', $(this).is(":checked"));
  });
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input onclick="chk()" type="checkbox" id="chkAll">
<br>
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">

＆＃13;

Answer 3

尝试简单的代码：

    $("#chkAll").click(function () {
        $(".hobbie").attr('checked', this.checked);
        //or
        $(".hobbie").prop('checked', true);
    });

Answer 4

一个班轮function

function chk(isChecked) {
  $('.hobbie').prop('checked', isChecked);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Select All <input onclick="chk(this.checked)" type="checkbox" id="chkAll">
<br>
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">
<input type="checkbox" class="hobbie">

我想从一个复选框中选中我的所有复选框

4 个答案: