更多>
最新下载
app网页步骤引导实例代码
jQuery tourguide.js 插件制作手机网页步骤引导提示,遮罩弹窗步骤引导介绍使用,支持下一步提示效果。可用于手机app,新版手机端页面使用步骤引导特效。
0
2026-01-02
24小时阅读排行榜
- 1 如何使用Golang实现装饰者与功能组合_Golang装饰者模式增强方法
- 2 如何使用Golang处理SQL查询错误_判断查询结果和执行异常
- 3 Dapper如何映射到C# 9的record类型 Dapper与Record类型结合
- 4 如何将不规范的HTML转换为格式良好的XML Tidy工具
- 5 css图片变形怎么办_使用object fit保持比例
- 6 C++中的CRTP(奇异的递归模板模式)是什么?(代码示例)
- 7 如何使用Golang替换字符串内容_Golang strings Replace操作技巧
- 8 如何在mysql中使用右连接_mysql right join语句解析
- 9 如何在Golang中测试并发函数_验证goroutine执行正确性
- 10 css 布局中图片把结构撑乱怎么办_利用 css 控制尺寸与溢出
- 11 如何在Golang中实现微服务动态路由_Golang微服务路由管理方法
- 12 CSS3伪类选择器有哪些_常用nthchildfirstchild用法【介绍】
- 13 什么是SBML系统生物学标记语言 SBML XML格式
- 14 如何使用Golang reflect遍历结构体字段_动态处理对象属性
- 15 如何使用Golang测试goroutine泄漏_Golang并发泄漏检测说明
更多>
最新教程
-
- Node.js 教程
- 14953 2025-08-28
-
- CSS3 教程
- 1542838 2025-08-27
-
- Rust 教程
- 22463 2025-08-27
-
- Vue 教程
- 24905 2025-08-22
-
- PostgreSQL 教程
- 21575 2025-08-21
-
- Git 教程
- 8623 2025-08-21
原生JS表格列表全选反选单选多选代码
这是一款原生JS实现的,点击表格列表选中,可以单选、多选、全选和反选的表格列表选择代码。
js代码
<script>
var all = document.getElementById("j_cbAll");
var tbody = document.getElementById("j_tb");
var checkboxs = tbody.getElementsByTagName("input");
all.onclick = function() {
for (var i = 0; i < checkboxs.length; i++) {
var checkbox = checkboxs[i];
checkbox.checked = this.checked;
}
};
for (var i = 0; i < checkboxs.length; i++) {
checkboxs[i].onclick = function() {
var isCheckedAll = true;
for (var i = 0; i < checkboxs.length; i++) {
if (!checkboxs[i].checked) {
isCheckedAll = false;
break;
}
}
all.checked = isCheckedAll;
};
}
</script>
js代码
<script>
var all = document.getElementById("j_cbAll");
var tbody = document.getElementById("j_tb");
var checkboxs = tbody.getElementsByTagName("input");
all.onclick = function() {
for (var i = 0; i < checkboxs.length; i++) {
var checkbox = checkboxs[i];
checkbox.checked = this.checked;
}
};
for (var i = 0; i < checkboxs.length; i++) {
checkboxs[i].onclick = function() {
var isCheckedAll = true;
for (var i = 0; i < checkboxs.length; i++) {
if (!checkboxs[i].checked) {
isCheckedAll = false;
break;
}
}
all.checked = isCheckedAll;
};
}
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
