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 = ''; } } }
原文连接:JS实现复选框全选代码
所有媒体,可在保留署名、
原文连接
的情况下转载,若非则不得使用我方内容。