JS实现复选框全选代码
当我们做一些功能性网站的时候,经常会用到复选框和单选框。
感觉复选框常用的也就是全选,单选框用到的可能就是点击切换会多一点。
今天看到了一个功能网站上的全选实现效果,那就分析备份一下。
DEMO:http://www.uedbox.com/demo/allcheck/allchecked.html
//使用到的地方就是点击文字及可以选中当前的复选框
var secheckbox = function(id){
if(document.getElementById(id).checked){
document.getElementById(id).checked = '';
} else {
document.getElementById(id).checked ="checked";
}
}
//全选按钮
var allBox = function(){
if(document.getElementById('allbox').checked){
checkAllBox(1);
} else {
checkAllBox(0);
}
}
var checkAllBox = function(flag){
var myform = document.getElementById("myform");
var formlen = myform.elements.length;
for(var i=0;i<formlen;i++){
if(flag ==1){
myform.elements[i].checked = 'checked';
} else {
myform.elements[i].checked = '';
}
}
}
声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: JS实现复选框全选代码
评论 (0)
Trackbacks (0)
发表评论
Make a trackback

