【javascript】js实现表格全选功能
【javascript】js实现表格全选功能
效果： 一个表格 实现单选功能和全选功能。
<!DOCTYPE html>
<html lang=en>
<head><meta charset=UTF-8><meta http-equiv=X-UA-Com
【javascript】js实现表格全选功能
效果： 一个表格 实现单选功能和全选功能。
<!DOCTYPE html>
<html lang=en>
<head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width, initial-scale=1.0><title>Document</title><style>table{border: 1px solid;}</style>
</head>
<body><table><thead><tr><th>quan<input type=checkbox name=1 id=select_all></th> <th>1</th><th>1</th> </tr></thead><tbody id=table_body><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr></tbody></table><script>var table_all = document.getElementById(select_all)var table_body = document.getElementById(table_body).getElementsByTagame(input)table_ = function(){for (var i = 0; i < table_body.length; i){table_body[i].checked = ;}cole.log(table_body)}for (var i = 0; i < table_body.length; i){table_body[i].onclick = function(){var flag = truefor (var j = 0; j < table_body.length; j){if(!table_body[j].checked){flag = false} }table_ = flag}}</script>
</body>
</html>
#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间： 2024-02-05 12:41:53
推荐阅读
| 留言与评论（共有 18 条评论） |
| 本站网友 怎么样去除黑眼圈 | 15分钟前 发表 |
| <!DOCTYPE html> <html lang=en> <head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width | |
| 本站网友 围观 | 29分钟前 发表 |
| 【javascript】js实现表格全选功能 效果： 一个表格 实现单选功能和全选功能 | |
| 本站网友 聊城送购吧 | 24分钟前 发表 |
| <!DOCTYPE html> <html lang=en> <head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width | |
| 本站网友 足球黑哨 | 8分钟前 发表 |
| initial-scale=1.0><title>Document</title><style>table{border | |
| 本站网友 吴青峰资料 | 8分钟前 发表 |
| 【javascript】js实现表格全选功能 效果： 一个表格 实现单选功能和全选功能 | |
| 本站网友 莱曲唑 | 6分钟前 发表 |
| initial-scale=1.0><title>Document</title><style>table{border | |
| 本站网友 希尔顿酒店集团 | 23分钟前 发表 |
| <!DOCTYPE html> <html lang=en> <head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width | |
| 本站网友 不一样的眼光 | 17分钟前 发表 |
| 【javascript】js实现表格全选功能 效果： 一个表格 实现单选功能和全选功能 | |
| 本站网友 射箭馆 | 4分钟前 发表 |
| <!DOCTYPE html> <html lang=en> <head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width | |
| 本站网友 广元博爱医院 | 4分钟前 发表 |
| <!DOCTYPE html> <html lang=en> <head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width | |
| 本站网友 天津市中国旅行社 | 2分钟前 发表 |
| initial-scale=1.0><title>Document</title><style>table{border | |
| 本站网友 吃在北京 | 14分钟前 发表 |
| 1px solid;}</style> </head> <body><table><thead><tr><th>quan<input type=checkbox name=1 id=select_all></th> <th>1</th><th>1</th> </tr></thead><tbody id=table_body><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr></tbody></table><script>var table_all = document.getElementById(select_all)var table_body = document.getElementById(table_body).getElementsByTagame(input)table_ = function(){for (var i = 0; i < table_body.length; i){table_body[i].checked = ;}cole.log(table_body)}for (var i = 0; i < table_body.length; i){table_body[i].onclick = function(){var flag = truefor (var j = 0; j < table_body.length; j){if(!table_body[j].checked){flag = false} }table_ = flag}}</script> </body> </html> | |
| 本站网友 河南人力资源网 | 15分钟前 发表 |
| 【javascript】js实现表格全选功能 效果： 一个表格 实现单选功能和全选功能 | |
| 本站网友 美媛馆 | 27分钟前 发表 |
| 1px solid;}</style> </head> <body><table><thead><tr><th>quan<input type=checkbox name=1 id=select_all></th> <th>1</th><th>1</th> </tr></thead><tbody id=table_body><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr><tr><th><input type=checkbox name= id=></th> <th>1</th><th>1</th> </tr></tbody></table><script>var table_all = document.getElementById(select_all)var table_body = document.getElementById(table_body).getElementsByTagame(input)table_ = function(){for (var i = 0; i < table_body.length; i){table_body[i].checked = ;}cole.log(table_body)}for (var i = 0; i < table_body.length; i){table_body[i].onclick = function(){var flag = truefor (var j = 0; j < table_body.length; j){if(!table_body[j].checked){flag = false} }table_ = flag}}</script> </body> </html> | |
| 本站网友 无锡写字楼租赁 | 3分钟前 发表 |
| <!DOCTYPE html> <html lang=en> <head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width | |
| 本站网友 预应力管桩 | 13分钟前 发表 |
| initial-scale=1.0><title>Document</title><style>table{border | |
| 本站网友 如何提高精子成活率 | 6分钟前 发表 |
| <!DOCTYPE html> <html lang=en> <head><meta charset=UTF-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width | |