對多選框進行操作，輸出選中的多選框的個數

對多選框進行操作，輸出選中的多選框的個數，實現該功能的思路如下：

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