Jquery复选框问题
嗨,这是我的复选框
All Buyer/Importer Seller/Exporter/Manufacturer Service Provider Distributor Supplier Trading Company
根据此代码,一个senario不工作1]尝试检查其他复选框无法检查全部
$("input:checkbox[name='businessTypeGroup']").click (function(){ $("input:checkbox[name='businessTypeGroup']").click (function(){ var totalCheckboxes = $("input:checkbox[name='businessTypeGroup']").length; var checkedCheckboxes = $("input:checkbox[name='businessTypeGroup']:checked").length; if ( totalCheckboxes === checkedCheckboxes ){ $("#chkAll").attr("checked" , true ); }else{ $("#chkAll").attr("checked" , false ); } }); }); $("#chkAll").click ( function(){ $("input:checkbox[name='businessTypeGroup']").attr ( "checked" , $(this).attr("checked") ); });
使用id作为复选框,然后使用上面的方法,因为#
是一个id选择器。
或者你可以使用
$(function(){ $("input:checkbox[name='businessTypeGroup']").click (function(){ alert("test"); }); });
请参见attributeEquals选择器
编辑
$(function(){ $("input:checkbox[name='businessTypeGroup']").click (function(){ $("#chkAll").attr ( "checked" , false ); }); $("#chkAll").click ( function(){ $("input:checkbox[name='businessTypeGroup']").attr ( "checked" , $(this).attr ( "checked" ) ); }); }); All Buyer/Importer Service Provider Supplier
工作演示
另一个演示
选中所有其他复选框时,将选中All(全部)复选框。 如果未选中任何一个,则取消选中复选框All。