JS实现复选框全选代码
- 发表于
- 前端
当我们做一些功能性网站的时候，经常会用到复选框和单选框。
感觉复选框常用的也就是全选，单选框用到的可能就是点击切换会多一点。
今天看到了一个功能网站上的全选实现效果，那就分析备份一下。
DEMO:https://www.uedbox.com/demo/allcheck/allchecked.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
//使用到的地方就是点击文字及可以选中当前的复选框 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实现复选框全选代码
所有媒体，可在保留署名、
原文连接的情况下转载，若非则不得使用我方内容。
