JS获取checkbox个数示例

这篇文章主要为大家详细介绍了JS获取checkbox个数示例，具有一定的参考价值，可以用来参考一下。

/**
 * JS获取多选框checkbox被选中的个数。
 * @param 
 * @arrange （www.idcnote.com）
 **/
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);

JS每点击一下多选框就判断当前checked个数是否超过某个数值:

/**
 * 
 * @param 
 * @arrange （www.idcnote.com）
 **/
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);
   }
}

// 来自：php教程（www.idcnote.com）

要使函数checkdata()每次点击都发挥作用，需要在checkbox框中添加onclick事件：

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

注：关于JS获取checkbox个数示例的内容就先介绍到这里，更多相关文章的可以留意