JS獲取checkbox的個數簡單實例

JS獲取多選框checkbox被選中的個數。

 var checkbox = document.getElementsByName("likes[]"); //此處通過此種方式才能獲得多選框為數組。 //like為name = "like[]" , 獲得時必須加上[]var checked_counts = 0;for(var i=0;i<checkbox.length;i++){if(checkbox[i].checked){ //被選中的checkboxchecked_counts++;}}alert(checked_counts);

我做的是每點擊一下多選框就判斷當前checked個數是否超過某個數值

function checkDate(){ var n = $("#cart_q_num").val(); var checkedCount=0; var checkbox = document.getElementsByName("tie_in[]"); //alert(checkbox.length); for(var i=0;i<checkbox.length ;i ++){ if(checkbox[i].checked){ checkedCount++; } } //alert(checkedCount); if(checkedCount>n){ alert("The quantity of the gifts should equal to the quantity of the sunglasses set."); return false; }else{ $("#free_pro_selected_num").html(checkedCount); }}

要使函數checkdata()每次點擊都發揮作用，需要在checkbox框中添加onclick事件：

 <input type="checkbox" name="tie_in[]" value="1" onClick="return checkData()" />

以上這篇JS獲取checkbox的個數簡單實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。