cuculus

获取 checkbox的 选中个数可以直接使用如下jquery语法:

1 $("input[type=\'checkbox\']:checked").length;

示例如下:

  1. 创建Html代码及css样式 

    <div> 
        <input type="checkbox" name="fruit"> apple
        <input type="checkbox" name="fruit"> orange
        <input type="checkbox" name="fruit"> banana
        <input type="checkbox" name="fruit"> watermelon
        <input type="button" value="I like these fruit!">
    </div>
    div{width:500px;padding:20px;border:4px solid #ebcbbe;}
    input{margin:10px 5px;}

     

  2. jquery代码

    $(function(){
        $("input[type=\'button\']").click(function() {
            alert($("input[type=\'checkbox\']:checked").length);
        });
    })

     

  3. 效果

分类:

技术点:

相关文章: