JS实现复选框全选代码

2010年8月30日 热度:134 ℃ 发表评论 阅读评论

当我们做一些功能性网站的时候,经常会用到复选框和单选框。
感觉复选框常用的也就是全选,单选框用到的可能就是点击切换会多一点。
今天看到了一个功能网站上的全选实现效果,那就分析备份一下。
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实现复选框全选代码
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.

加载中……