手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript实现checkbox全选的代码
javascript实现checkbox全选的代码
摘要:代码:functioncheckall(checkNames){varallBoxs=document.getElementsByName(...

代码:

function checkall(checkNames){ var allBoxs = document.getElementsByName(checkNames); for(var i = 0 ;i<allBoxs.length;i++){ if(allBoxs[i].type == 'checkbox'){ if(allBoxs[i].checked==false){ allBoxs[i].checked = true ; }else{ allBoxs[i].checked = false ; } } } }

使用方法①

复制代码 代码如下:

<a href="">全选</a>

注意:'goods'是所有需要选中的checkbox的name

使用方法②

<a href="" id="checkAll">全选</a> <script> document.getElementById('checkAll').onclick = function () { checkall('goods') }; </script>

注意:'goods'是所有需要选中的checkbox的name

以上2种方法就是本文给大家总结的全部内容了,希望大家能够喜欢,如有更好的方法,也请小伙伴们告之,本文持续更新。

【javascript实现checkbox全选的代码】相关文章:

JavaScript实现弹出模态窗体并接受传值的方法

基于javascript简单实现对身份证校验

Javascript的IE和Firefox兼容性汇编

javascript实现youku的视频代码自适应宽度

用JavaScript实现对话框的教程

JavaScript的while循环的使用

javascript实现获取服务器时间

JavaScript里实用的原生API汇总

Javascript 小技巧全集第1/4页

JavaScript实现DIV层拖动及动态增加新层的方法

精品推荐
分类导航