其实这个只要熟悉了jQuery，基本上都能写得出来。在没接触jQuery之前，使用原生的JS写，虽然代码不是很多，但是也挺麻烦的。在这里不得不赞叹jQuery的选择器是多么的好用！
$(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; } } }
看不懂哦！
按LZ给的实例，应该做如下改动吧？
//全选
function checkall() {
var all = document.getElementsByTagName("input");
for (var i = 0; i < all.length; i++) {
if (all[i].type == "checkbox" && all[i].name == "chkJob") {
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].name == "chkJob") {
all[i].checked = false;
}
}
}
I read with great interest.Thanks for you sharing.