开发中经常会遇到有很多复选框,不可能选择全部,这时就要限定最大个数。
在页面的CheckBox点击(onclick)事件定义自己的函数myFunction(),话不多说,直接上代码!
var array=[];//定义全局变量接收数据
function myFunction(){
array.push($(this).val());//比如每个传入复选框的值
//限制最多选四个
if(array.length>3){
$("input[type='checkbox']").each(function(){
//如果被选中则去掉不能被选中的属性
if ($(this).is(":checked")) {
$(this).removeAttr("disabled");
}
//如果复选框没被选中则灰化使其不能被选中
else {
$(this).attr("disabled", "true");
}
})
}
else{
$("input[type='checkbox']").removeAttr("disabled")
}
}