<HTML> <title>jquery全选/取消全选</title> <HEAD> <script type="text/javascript" src="jquery.js"></script> <SCRIPT type="text/javascript"> $(function() { $("#checkedAll").click(function(){ if($(this).attr("checked") == true){ //check all $("input[name='id[]']").attr("checked", true);//用下面注释掉的代码也可以 /* $("input[@name='checkbox_name[]']").each(function(){ $(this).attr("checked",true); }); */ }else{ $("input[name='id[]']").attr("checked", false);//用下面注释掉的代码也可以 /* $("input[@name='checkbox_name[]']").each(function(){ $(this).attr("checked",false); }); */ } }); }); </SCRIPT> </HEAD> <BODY> <div> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_1" />超级计算机<br /> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_2" />超级计算机<br /> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_3" />超级计算机<br /> <input type="checkbox" name="checkbox_name[]" id="checkbox_name_4" />超级计算机<br /> <input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选 </div> </BODY></HTML>
计算个数:
var num = $("input[name='id[]']:checked").size();
近期评论