您如何知道在选中全部或没有复选框时使用JQuery
使用jQuery,我如何知道以下复选框是否全部选中您如何知道在选中全部或没有复选框时使用JQuery,jquery,checkbox,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="ch
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" />
足球:足球:
棒球:
篮球: 使用jQuery
var sportsCheckboxes = $("input[name=sports]");
var checkedSports = $(":checked", sportsCheckboxes);
var all = (sportsCheckboxes.length == checkedSports.length);
var none = (checkedSports.length == 0);
也许是这样的:
if ($("input:checkbox:checked").length == 4) {
// do something
}
else if ($("input:checkbox:checked").length == 0) {
// do something else
}
注意:由于不勾选复选框的可能性更大,因此先将其放在不勾选复选框的情况下。这是一个较小的优化。我喜欢这个答案的结构,但可能会更好,因为:if($($input[name=sports]:checkbox:checked”).length=$($input[name=sports]:checkbox”).length)这样可以避免硬编码的值。
alert($("input[name=sports]:checked").length);
var checkedBoxes = $('input:checkbox:checked').length;
if(!checkedBoxes) {
// None checked
} else if(checkedBoxes == $('input:checkbox').length) {
// All checked
}