简单js搞定全选/全不选

深碍√TFBOYSˉ_ 2024-02-17 20:14 40阅读 0赞

Code:

1.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.  <html xmlns="http://www.w3.org/1999/xhtml">
3.  <head>
4.  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
5.  <title>JAVA中文网:http://www.javaweb.cc/</title>
6.  <style type="text/css">
7.  p \{margin:0;font-size:12px;line-height:26px;\}
8.  </style>
9.  <script type="text/javascript">
10. function check\_all(obj,cName)
11. \{
12. var checkboxs = document.getElementsByName(cName);
13. for(var i=0;i<checkboxs.length;i++)\{checkboxs\[i\].checked = obj.checked;\}
14. \}
15. </script>
16. </head>
17. 
18. <body>
19. <p><input type="checkbox" name="all" onclick="check\_all(this,'c');" />全选/全不选</p>
20. <p><input type="checkbox" name="c" value="" /></p>
21. <p><input type="checkbox" name="c" value="" /></p>
22. <p><input type="checkbox" name="c" value="" /></p>
23. <p><input type="checkbox" name="c" value="" /></p>
24. </body>
25. </html>

checkboxs\[i\].checked = obj.checked;

发表评论取消回复

表情：

评论列表（有 0 条评论，40人围观）

还没有评论，来说两句吧...

相关阅读

相关简单js搞定全选/全不选

Code: 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3

深碍√TFBOYSˉ_/ 2024年02月17日 20:14/ 0 赞/ 41 阅读

相关全选全不选案例

全选框案例：先看效果图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

以你之姓@/ 2022年12月19日 13:09/ 0 赞/ 184 阅读

相关全选，全不选功能

需求： 1.点击全选，子项全部选中，再次点击，则全部不选中。 2.选中全部子项，全选选中，没有选中则不选中全选按钮。前端部分：调

末蓝、/ 2022年11月17日 05:09/ 0 赞/ 243 阅读

相关 Dom 全选全不选反选

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

桃扇骨/ 2022年06月11日 00:06/ 0 赞/ 276 阅读

相关 js全选/全不选/反选简洁版

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

淩亂°似流年/ 2022年05月13日 10:34/ 0 赞/ 237 阅读

相关 js全选/全不选/反选

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

迷南。/ 2022年05月13日 10:08/ 0 赞/ 276 阅读

相关原生js实现复选框全选全不选

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选和

小鱼儿/ 2022年04月06日 07:56/ 0 赞/ 436 阅读

相关前端Jq简单实现全选全不选案例

一.页面 <input type="checkbox" id="check_all"> ... <input type="checkbox" cl

た入场券/ 2022年03月22日 03:07/ 0 赞/ 220 阅读

相关 js全选或全不选

1 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3U

太过爱你忘了你带给我的痛/ 2022年03月19日 03:18/ 0 赞/ 304 阅读

相关全选-反选-全不选

简单易懂，上手快 $(function() \{ //全选 $("\all").click(function()

绝地灬酷狼/ 2021年10月03日 02:48/ 0 赞/ 548 阅读