手机
当前位置:查字典教程网 >编程开发 >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搜索框效果实现方法

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

javascript实现可全选、反选及删除表格的方法

javascript中this的四种用法

JavaScript里实用的原生API汇总

javascript实现点击后变换按钮显示文字的方法

Javascript 小技巧全集第1/4页

jQuery实现div随意拖动的实例代码(通用代码)

精品推荐
分类导航