jQuery获取复选框被选中的个数及值

获取复选框被选中值

代码如下	复制代码
<input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5").click(function(){ var str=""; $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+","; }) $("#dd").val(str) })

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

通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数

代码如下

复制代码

<ol>

  <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>

</ol>

<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>

上面我是把代码分开了，下面我们写成一个实例

代码如下

复制代码

$("#btn").click(function(){

var id = $("input[name='id']:checked");
var idvalue = id.val();//值

var idl = id.length;//个数

alert(idvalue);

alert(idl);

})
</script>

补充：网页制作,jquery