/**
* JS获取多选框checkBox被选中的个数。
* @param
* @arrange (512.笔记) jb51.cc
**/
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 (512.笔记) jb51.cc
**/
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);
}
}
// 来自:编程之家 jb51.cc(jb51.cc)
要使函数checkdata()每次点击都发挥作用,需要在checkBox框中添加onclick事件:
<input type="checkBox" name="tie_in[]" value="1" onClick="return checkData()" />