网络编程
位置:首页>> 网络编程>> JavaScript>> javascript实现checkbox全选的代码

javascript实现checkbox全选的代码

作者:hebedich  发布时间:2024-04-16 10:38:11 

标签:javascript,checkbox全选

代码:


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="" onclick="checkall('goods')">全选</a>

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

使用方法②


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

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

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

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com