手机
当前位置:查字典教程网 >编程开发 >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实现DIV层拖动及动态增加新层的方法

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

javascript实现图片跟随鼠标移动效果的方法

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

Javascript 小技巧全集第1/4页

javascript实现动态改变层大小的方法

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

精品推荐
分类导航