jquery 全选 反选
时间:2011-01-27 来源:lexus
$(function(){ $('#inputChkAll').click(function(){ $("input[name='chkJob']").attr("checked", $(this).attr("checked"));//注意此处 }); });
代码如上,#inputChkAll用来全选或者全不选的CheckBox控件,其控制了name='chkJob'这个复选组。
现在回过头再来看看以前用JS如何实现全选和全不选的:
//全选 function checkall() { var all = document.getElementsByTagName("input"); for (var i = 0; i < all.length; i++) { if (all[i].type == "checkbox") { all[i].checked = true; } } } // 反选 function checknull() { var all = document.getElementsByTagName("input"); for (var i = 0; i < all.length; i++) { if (all[i].type == "checkbox") { all[i].checked = false; } } }
ref
http://www.imwls.com/jquery-checkbox-checkall-checknone
相关阅读 更多 +