JS实现复选框全选代码

  • 发表于
  • 前端

当我们做一些功能性网站的时候,经常会用到复选框和单选框。
感觉复选框常用的也就是全选,单选框用到的可能就是点击切换会多一点。
今天看到了一个功能网站上的全选实现效果,那就分析备份一下。
DEMO:https://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 = '';
			}
		}
	}