jQuery – 切换选中所有复选框

与一堆例子进行了斗争,并且仍然是jQuery / Javascript的新手,无法让我的代码运行(这里是我在gsp中的模板):

我在我的主gsp中有以下javascript片段,它调用模板:

 function selectAll(status) { } 

如何从selectAll名称中选择所有复选框?

由于您使用的是jQuery,因此您应该为selectAll使用如下所示的onclick处理程序。

 $(':checkbox[name=selectAll]').click (function () { $(':checkbox[name=domainList]').prop('checked', this.checked); }); 

请注意,上面的代码将使用name=selectAll查看整个dom中的复选框,并使用name=domainList设置复选框的状态。

下面是一个稍微好一点的版本,带有较小的标记更改,

jsFiddle DEMO

 $('#selectAllDomainList').click(function() { var checkedStatus = this.checked; $('#domainTable tbody tr').find('td:first :checkbox').each(function() { $(this).prop('checked', checkedStatus); }); }); 
  
 $("input:checkbox").prop("checked", status); 

选择名称= selectAll的所有复选框并设置它们可以执行的状态

 function selectAll(status) { $('input[name=selectAll]').each(function(){ $(this).prop('checked', status); }); }