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){ //被選中的checkbox checked_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的個數簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。