首页 > 语言 > JavaScript > 正文

javascript实现checkbox全选的代码

2024-05-06 16:19:02
字体:
来源:转载
供稿:网友
本文给大家分享的是js实现checkbox的全选的代码,在网页制作中很常用的js代码,供大家学习参考。
 

代码: 
 

  1. function checkall(checkNames){ 
  2.   var allBoxs = document.getElementsByName(checkNames); 
  3.   for(var i = 0 ;i<allBoxs.length;i++){ 
  4.     if(allBoxs[i].type == 'checkbox'){ 
  5.       if(allBoxs[i].checked==false){ 
  6.         allBoxs[i].checked = true ; 
  7.       }else
  8.         allBoxs[i].checked = false ; 
  9.       } 
  10.     } 
  11.   } 

使用方法①

 

复制代码代码如下:

<a href="" onclick="checkall('goods')">全选</a>

 

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

使用方法② 
 

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

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

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选