html
<!--设点击事件触发方法-->
<input type="checkbox" onclick="全选(this)" id="全" />
<input type="checkbox" onclick="单选()" id="单" />
<input type="checkbox" onclick="单选()" id="单" />
js
全选
全选 = function(t) {
/*获取所有单选框集合*/
var 全单 = $("[id=单]");
/*循环统一单选框状态*/
$.each(全单, function(i, l) {
l.checked = t.checked;
});
}
反选
单选 = function() {
/*获取所有单选框集合*/
var 全单 = $("[id=单]");
/*循环查看单选框状态(使用for each功能无法实现)*/
for (var i = 0; i < 全单.length; i++) {
if (!全单[i].checked) {
$("#全")[0].checked = false;
return;
}
}
$("#全")[0].checked = true;
}