gjfvip123
2017-02-26 03:05
采纳率: 37.7%
浏览 3.2k

如何判断多个checkbox被选中?

tbody 中有多个input type=checkbox,
我想让tbody中所有input type=checkbox被选中时,thead中的input type=checkbox 选中,否则 为不被选中。下边为我的代码,不能实现这个效果,谁能指点我一下?谢谢
图片说明

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 已采纳
     $('thead input').prop('checked',$('tbody :checkbox').length==$('tbody :checkbox :checked').length)//1.6+ jquery,之下prop改为attr
    
    打赏 评论
  • 有些你不必懂 2017-02-26 03:14

    同问,我也不知道怎么弄这个

    打赏 评论
  • 360编码 2017-02-26 03:23

    你好,我也没看太懂,我想告诉你一下我看完代码后的感觉:tbody和input都是标签,type="checkbox"是input标签里的元素,
    给我的感觉就是你把标签赋值给元素了。一般获取checkbox的值,都是获取input里面的id。类似这样的:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




    <br> $(function () {<br> // 全选<br> $(&quot;#btnCheckAll&quot;).bind(&quot;click&quot;, function () {<br> $(&quot;[name = chkItem]:checkbox&quot;).attr(&quot;checked&quot;, true);<br> });</p> <pre><code> // 全不选 $(&quot;#btnCheckNone&quot;).bind(&quot;click&quot;, function () { $(&quot;[name = chkItem]:checkbox&quot;).attr(&quot;checked&quot;, false); }); // 反选 $(&quot;#btnCheckReverse&quot;).bind(&quot;click&quot;, function () { $(&quot;[name = chkItem]:checkbox&quot;).each(function () { $(this).attr(&quot;checked&quot;, !$(this).attr(&quot;checked&quot;)); }); }); // 全不选 $(&quot;#btnSubmit&quot;).bind(&quot;click&quot;, function () { var result = new Array(); $(&quot;[name = chkItem]:checkbox&quot;).each(function () { if ($(this).is(&quot;:checked&quot;)) { result.push($(this).attr(&quot;value&quot;)); } }); alert(result.join(&quot;,&quot;)); }); }); &lt;/script&gt; </code></pre> <p></head><br> <body><br> <div><br> <input name="chkItem" type="checkbox" value="今日话题" />今日话题<br> <input name="chkItem" type="checkbox" value="视觉焦点" />视觉焦点<br> <input name="chkItem" type="checkbox" value="财经" />财经<br> <input name="chkItem" type="checkbox" value="汽车" />汽车<br> <input name="chkItem" type="checkbox" value="科技" />科技<br> <input name="chkItem" type="checkbox" value="房产" />房产<br> <input name="chkItem" type="checkbox" value="旅游" />旅游<br> </div><br> <div><br> <input id="btnCheckAll" type="button" value="全选" /><br> <input id="btnCheckNone" type="button" value="全不选" /><br> <input id="btnCheckReverse" type="button" value="反选" /><br> <input id="btnSubmit" type="button" value="提交" /><br> </div><br> </body><br> </html></p>
    打赏 评论
  • 360编码 2017-02-26 03:28

    怎么没换行啊,好想删除啊...真的很抱歉,不知道能不能给你点提示

    打赏 评论
  • weixin_37607993 2017-02-26 07:34

    我也想知道这个是怎么回事

    打赏 评论

相关推荐 更多相似问题