多选框全选与反选最简单的方法

来源:互联网 发布:遥感影像数据拼接 编辑:程序博客网 时间:2024/06/13 15:53
//全选与反选
//给全选一个onclick事件
function quanxuan() {
//拿到多选框中名字为xuanze的所有存到集合checklist
var checklist = document.getElementsByName ("xuanze");
//拿到全选的选择后的状态//以true/false返回
var ss=document.getElementById("quanxuan").checked;
//如果是true
if(ss){
//for循环把所有名字为xuanze的状态改为true
for(var i=0;i<checklist.length;i++){
checklist[i].checked =true;

}

}//如果是false
else{
for(var i=0;i<checklist.length;i++){
//for循环把所有名字为xuanze的状态改为false
checklist[i].checked =false;
}
}
}
原创粉丝点击