您的位置:首页 > Web前端 > JQuery

CheckBox全选,不要相信JQuery,还是原生的好~

2016-03-01 19:46 721 查看

情景

最近在做一个表单,里面有个需求是要做个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;
}
}


注:

请踊跃指错,将不断改进
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: