javascript - 无法清除Jquery中的所有复选框

我尝试了几种不同的方法，但是在选中所有复选框后无法获取取消选中或清除所有复选框的代码。最新代码看起来像...

$(".select_all").click(function(){
    var state = ($(this).html() == "Select All") ? true : false;
    $(this).html((state) ? "Clear" : "Select All");

    if ($(':checked').prop('checked', false)) {
        $(':checkbox').each(function() {
         this.checked = true;
        });
    } else {
        $(':checkbox').each(function() {
            this.checked = false;
        });
    };
})

最佳答案

如果我没有正确理解，则需要这样的东西。检查下面的代码段或该JSFiddle。

$(".select_all").click(function(){
  var state = $(this).html() == "Select All";
  $(this).html((state) ? "Clear" : "Select All");

  $('input:checkbox').prop('checked', state);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">
<input type="checkbox" name="" id="">

<a href="#" class="select_all">Select All</a>

关于javascript - 无法清除Jquery中的所有复选框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35325626/