javascript实现checkbox全选的代码

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

代码:


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种方法就是本文给大家总结的全部内容了,希望大家能够喜欢,如有更好的方法,也请小伙伴们告之,本文持续更新。

标签:javascript,checkbox全选
0
投稿

猜你喜欢

  • 使用canal监控mysql数据库实现elasticsearch索引实时更新问题

    2024-01-20 22:48:39
  • 详解python学习笔记之解释器

    2023-09-15 15:28:26
  • HTTP请求 GET与POST方法的区别

    2023-07-26 12:46:35
  • Oracle RMAN还原时set newname文件名有空格报错的解决方法

    2024-01-23 18:11:31
  • 在MySQL中使用LIMIT进行分页的方法

    2024-01-20 22:27:58
  • PyTorch中的CUDA的操作方法

    2022-02-24 18:54:41
  • python写文件时覆盖原来的实例方法

    2021-06-01 05:21:51
  • MySQL性能优化之如何高效正确的使用索引

    2024-01-25 11:51:32
  • 用XMLHTTPRequest对象进行客户端验证

    2008-03-03 12:38:00
  • js实现局部页面打印预览原理及示例代码

    2024-04-25 13:13:48
  • python进行OpenCV实战之画图(直线、矩形、圆形)

    2022-05-30 06:36:05
  • python函数装饰器用法实例详解

    2023-09-23 09:40:16
  • Python利用Turtle库绘制一个小老虎

    2023-06-13 11:35:02
  • python实现UDP协议下的文件传输

    2023-10-10 10:26:20
  • MySql 安装时的1045错误

    2024-01-21 23:02:47
  • 网易网站设计(思想)

    2009-03-27 17:51:00
  • SQL Server四个系统表的知识讲解

    2024-01-29 00:13:57
  • JS实现仿百度文库评分功能

    2024-05-11 09:34:05
  • JavaScript学习笔记之函数记忆

    2024-04-16 09:27:01
  • Js实现简单的小球运动特效

    2023-07-08 23:40:40
  • asp之家 网络编程 m.aspxhome.com