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