当前位置:首页 > 网页设计 >Javascript >

JQuery获取被选中复选框checkbox的个数

发布时间:2018-01-15 19:44:47 作者:佚名 阅读:(121)

通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子是通过length属性获得checkbox选中项的个数,代码如下所示:
<ul>
 <li><input type="checkbox" name="test" />看电视</li>
 <li><input type="checkbox" name="test" />看电影</li>
 <li><input type="checkbox" name="test" />上网</li>
 <li><input type="checkbox" name="test" />爬山</li>
 <li><input type="checkbox" name="test" />游乐场</li>
 <li><input type="checkbox" name="test" />逛街</li>
 <li><input type="checkbox" name="test" />聚会</li>
</ul>
<p>
<input type="button" id="count" value="有多少CheckBox被选中了?" />
<script type="text/javascript">
$(document).ready(function(){
  $('input[type=checkbox]').click(function(){
    $(this).attr('disabled','disabled');
    if($("input[name='test']:checked").length >= 3)
    {
      $("input[name='test']").attr('disabled','disabled');
    }
  });
  $("#count").click(function(){
    $('input').live('click',function(){
      alert($('input:checked').length);
    });
  })
})
</script>
(选超过三个做弹窗提示):
<script type="text/javascript">
 $('input[type=checkbox]').click(function(){
if($("input[name='test']:checked").length >= 4)
{
$(this).removeAttr("checked");
alert("最多选3个!")}
});
</script>

欢迎分享转载→ JQuery获取被选中复选框checkbox的个数

© 2015-2021 - 吾爱编程网 版权所有 苏ICP备18033726号-1关于我们 - 网站声明 - 联系我们