设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › 我这下面哪里出错了，目的想实现全选框的功能
返回列表 发新帖
查看: 3501|回复: 8

[已解决]我这下面哪里出错了，目的想实现全选框的功能

[复制链接]
小黄练编程
发表于 2022-3-30 18:03:58 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
本帖最后由 小黄练编程 于 2022-3-30 18:05 编辑

  2.        
  3.         <body>
  4.                 <table id='tb'>
  5.                         <tr>
  6.                                 <th><input id='one' name="check" type="checkbox">全选</th>
  7.                                 <th>商品</th>
  8.                                 <th>价钱</th>
  9.                         </tr>
  10.                         <tr>
  11.                                 <td><input  name="check" type="checkbox"></td>
  12.                                 <td>iphone8</td>
  13.                                 <td>9000</td>
  14.                         </tr>
  15.                         <tr>
  16.                                 <td><input  name="check" type="checkbox"></td>
  17.                                 <td>iphone8</td>
  18.                                 <td>9000</td>
  19.                         </tr>
  20.                         <tr>
  21.                                 <td><input  name="check" type="checkbox"></td>
  22.                                 <td>iphone8</td>
  23.                                 <td>9000</td>
  24.                         </tr>
  25.                         <script>
  26.                         var input=document.getElementById('tb').getElementsByTagName('input');
  27.                         var one=document.getElementById('one');
  28.                             one.onclick=function(){
  29.                                         for(var i=0;i<input.length;i++){
  30.                                                 console.log(this.checked);
  31.                                                 input[i].checked=this.checked;
  32.                                         }
  33.                         }
  34.                         for( var i=0;i<input.length;i++){
  35.                                 input[i].onclick=function(){
  36.                                         var flag=true;
  37.                                        
  38.                                         for(var i=0;i<input.length;i++){
  39.                                                 if(input[i].checked===false){
  40.                                                         flag=false;
  41.                                                 }
  42.                                         }
  43.                                         one.checked=flag;
  44.                                 }
  45.                                
  46.                         }
  47.                    </script>
  48. </body>
  49.                        
复制代码
最佳答案
月排行榜 / 总排行榜
ba21
2022-3-30 18:15:16
把 全选 这个check跳过。 i=1。当然你也可以用别的方法判断跳过
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

ba21
发表于 2022-3-30 18:15:16 | 显示全部楼层    本楼为最佳答案   
把 全选 这个check跳过。 i=1。当然你也可以用别的方法判断跳过
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小黄练编程
 楼主| 发表于 2022-3-30 19:53:17 | 显示全部楼层
ba21 发表于 2022-3-30 18:15
把 全选 这个check跳过。 i=1。当然你也可以用别的方法判断跳过

呜呼，解决了，抱大腿，
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小黄练编程
 楼主| 发表于 2022-3-30 20:06:09 | 显示全部楼层
本帖最后由 小黄练编程 于 2022-3-30 20:07 编辑
ba21 发表于 2022-3-30 18:15
把 全选 这个check跳过。 i=1。当然你也可以用别的方法判断跳过

  1.         var li=document.getElementsByTagName('li');
  2.                 for(var i=0;i<li.length;i++){
  3.                         li[i].onclick=function(){
  4.                         for(var i=0;i<li.length;i++)
  5.                         {
  6.                                 li[i].style.backgroundColor='';
  7.                         }
  8.                         this.style.backgroundColor='pink';
  9.                 }
  10.         }
  11. 我又碰到个小问题，为何这里的this改为li【i】会报错啊，是不是哪里不规范？？？
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

ba21
发表于 2022-3-30 20:09:53 | 显示全部楼层
小黄练编程 发表于 2022-3-30 20:06

这不明摆了，不在一个作用域
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小黄练编程
 楼主| 发表于 2022-3-30 20:29:39 | 显示全部楼层
ba21 发表于 2022-3-30 20:09
这不明摆了，不在一个作用域

咋个不在啊?为啥上面那个li[i]有用？
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

ba21
发表于 2022-3-30 20:31:06 | 显示全部楼层
小黄练编程 发表于 2022-3-30 20:29
咋个不在啊?为啥上面那个li有用？

有问题 请新开贴。谢谢
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小黄练编程
 楼主| 发表于 2022-3-30 20:33:03 | 显示全部楼层
ba21 发表于 2022-3-30 20:31
有问题 请新开贴。谢谢

得勒，开了
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

小黄练编程
 楼主| 发表于 2022-3-30 20:40:07 | 显示全部楼层
ba21 发表于 2022-3-30 20:09
这不明摆了，不在一个作用域

怪不得我把最后this改为li【i】中的i改为别的字母a,外层for循环的i统统改成a也没用，该函数里的for里的i没改，原来如此，如果我就想用li【i】不用this,咋办。咋解决。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-5-5 02:19

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表