jQuery如何判断复选框至少选择一个?


我们经常会遇到多选框至少需要选择一项的需求,这个需要js去进行验证,以下是jQuery的判断方法:


HTML代码:

请选择您的爱好:

jQuery写法:

function Submit() {
var checkOne = false; //判断是否被选择条件
var chboxVal = []; //存入被选中项的值
var checkBox = $('input[name = hobby]'); //获得得到所的复选框

for (var i = 0; i < checkBox.length; i++) {

//如果有1个被选中时(jquery1.6以上还可以用if(checkBox[i].prop('checked')) 去判断checkbox是否被选中)
if (checkBox[i].checked) {
checkOne = true;
chboxVal.push(checkBox[i].value)//将被选择的值追加到
};
};

if (checkOne) {
alert("您选择爱好对应的value是:" + chboxVal);
} else {
alert("对不起:至少要选择一项爱好哦!");
};

};

  文章出处:http://www.woaidaogu.com   (我爱捣鼓)