首页 > Web开发 > 详细

JS做的全选和取消全选

时间:2016-03-02 13:17:03      阅读:145      评论:0      收藏:0      [点我收藏+]

-----------------------------html-----------------------------------------

<input type="checkbox" name="test"/>1
<input type="checkbox" name="test"/>2
<input type="checkbox" name="test" />3
<input type="checkbox" name="test" />4
<input type="checkbox" name="test" />5
<input type="checkbox" id="chooseall" onclick="selectAll()"/>全选

-------------------------js-----------------------------------
var chooseall=document.getElementById("chooseall"),
mytest=document.getElementsByName("test"),
leng=mytest.length;
function selectAll(){
if(chooseall.checked==true){
for(i=0;i<leng;i++){
mytest[i].checked=true;
}
}else{
for(i=0;i<leng;i++){
mytest[i].checked=false;
}
}
}

JS做的全选和取消全选

原文:http://www.cnblogs.com/sisi2020/p/5234294.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!