情景
最近在做一个表单,里面有个需求是要做个CheckBox全选,以为JQuery可以轻松解决问题,但是知道作上了才知道不行,很恼火,果断选了原生的,如下:
实现
错误的示例
//复选框事件
//全选、取消全选的事件
function selectAll(){
if ($("#chk_all").attr("checked")) {
$("input[name='channelIds']").attr("checked",true);
} else {
$("input[name='channelIds']").attr("checked",false);
}
}
正确的示例
//复选框事件
//全选、取消全选的事件
function selectAll() {
var checkedValue = document.getElementById("chk_all").checked;
var obj = document.getElementsByName("channelIds");
var len = obj.length ;
for (var i = 0; i < len; i++) {
obj[i].checked = checkedValue;
}
}
注:
请踊跃指错,将不断改进