对多选框进行操作，输出选中的多选框的个数

对多选框进行操作，输出选中的多选框的个数，实现该功能的思路如下：

（1）新建一个空数组；

（2）获取所有name为“check”的多选框；

（3）循环判断多选框是否被选中，如果选中则添加到数组里。

（4）获取输出按钮，然后为按钮添加click事件，输出数组的长度即可。

HTML代码：

<input type="checkbox" name="check" value="1" checked="checked" />
<input type="checkbox" name="check" value="2" />
<input type="checkbox" name="check" value="3" checked="checked" />
<input type="button" id="btn" value="你选中的个数" />

 

JavaScript代码：

<script type="text/javascript">
    window.onload = function(){
        var btn = document.getElementById("btn");
        btn.onclick = function(){
           var array = new Array();
           var items = document.getElementsByName("check");   
            for(var i = 0; i < items.length; i++){
                 if(items[i].checked){
                    array.push(items[i].value);
                 } 
                 alert("选中的个数为：" + array.length);
            }
        }
    }
</script>

 

jQuery代码：

<script type="text/javascript">
    $(function(){
        $("#btn").click(function(){
           var items = $(":checkbox:checked");
           alert("选中的个数为：" +  items.length);
        })
    })
</script>