当选择了全部或没有复选框时,您如何知道使用JQuery?

时间:2009-11-09 21:20:24

标签: jquery checkbox

如果选择了以下全部或全部选项,我如何知道使用jQuery?

Soccer: <input type="checkbox" name="sports" value="soccer" style="chkbox" /><br />
Football: <input type="checkbox" name="sports" value="football" style="chkbox" /><br />
Baseball: <input type="checkbox" name="sports" value="baseball" style="chkbox" /><br />
Basketball: <input type="checkbox" name="sports" value="basketball" style="chkbox" />

4 个答案:

答案 0 :(得分:6)

使用jQuery ...

var sportsCheckboxes = $("input[name=sports]");
var checkedSports = $(":checked", sportsCheckboxes);
var all = (sportsCheckboxes.length == checkedSports.length);
var none = (checkedSports.length == 0);

答案 1 :(得分:2)

也许是这样的:

if ($("input:checkbox:checked").length == 4) {
    // do something
}
else if ($("input:checkbox:checked").length == 0) {
    // do something else
}

答案 2 :(得分:1)

alert($("input[name=sports]:checked").length);

答案 3 :(得分:0)

var checkedBoxes = $('input:checkbox:checked').length;

if(!checkedBoxes) {
    // None checked
} else if(checkedBoxes == $('input:checkbox').length)  {
    // All checked
}

注意:首先检查没有复选框的情况,因为它更有可能。这是一个小的优化。