Javascript 当复选框id=”时如何清除所有复选框；全选“；检查过了吗？

选中复选框

id=“checkAll”

时如何清除所有复选框

在我的演示中，当用户选中复选框时，所有复选框都被选中

但我想申请，当用户选中复选框

id=“checkAll”

all复选框都被清除时，我该怎么办

---

如果我理解正确，您希望在单击“全部检查”时清除所有项目-为了清晰起见，您可能希望将名称更改为“全部清除”

如果是这样，只需添加一个简单的！在这个前面。检查

$（'#checkAll'）。单击（函数（）{
$（'input:checkbox'）.prop（'checked'，！this.checked）； });

您可以使用

change（）

函数，您可以使用

this进行检查。选中的
在更改事件中，它将返回复选框选中状态的
布尔值：

检查主屏幕上的所有已检查项：
取消选中主屏幕上的所有选中项：
如果要全部取消选中但不选中主复选框，则：

取消选中除主选项外的所有选项：
只需应用此项的否定。选中

$('#checkAll').change(function () {    
     $('input:checkbox').not(this).prop('checked', !this.checked);       
 });

您不应该对多个元素使用相同的ID，因为ID是唯一的。而是使用
class=“checkedItem”

如果你想清除所有的使用

$('#checkAll').click(function () {    
    $('input:checkbox').prop('checked', !this.checked);       
});

但是，这也会清除第一个复选框。为了防止这种使用

$('#checkAll').click(function () {    
    $('input:checkbox').not(this).prop('checked', !this.checked);       
});

小提琴似乎工作正常。它怎么会对你不起作用呢？当我选中
Check All
时，我想清除所有对我来说似乎违反直觉的复选框。像现在这样更好。你什么意思
clear
？是否取消选中
？
$('#checkAll').change(function () {    
    $('input:checkbox').not(this).prop('checked', !this.checked);   // all unchecked on check of #checkAll but not itself
         });

$('#checkAll').change(function () {    
     $('input:checkbox').not(this).prop('checked', !this.checked);       
 });

$('#checkAll').click(function () {    
    $('input:checkbox').prop('checked', !this.checked);       
});

$('#checkAll').click(function () {    
    $('input:checkbox').not(this).prop('checked', !this.checked);       
});