jQuery如何判斷複選框至少選擇一個？

咱們常常會遇到多選框至少須要選擇一項的需求，這個須要js去進行驗證，如下是jQuery的判斷方法：

HTML代碼：

 

<h2>請選擇您的愛好：</h2>

<form action="" method="post" id="form">

<label><input type="checkbox" name="hobby" value="上班" />上班</label>
<label><input type="checkbox" name="hobby" value="運動" />運動</label>
<label><input type="checkbox" name="hobby" value="看書" />看書</label>
<label><input type="checkbox" name="hobby" value="上網" />上網</label>
<label><input type="checkbox" name="hobby" value="網購" />網購</label>
<label><input type="checkbox" name="hobby" value="其餘" />其餘</label>

<button type="reset">重 置</button>
<button type="button" onclick="Submit()">提 交</button>

</form>

 

　　

 

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("對不起：至少要選擇一項愛好哦!");
};

};