如何使用 jQuery 有效地确定一个或多个复选框的选中状态？

使用 jQuery 确定复选框状态

使用 Web 表单时遇到的常见挑战之一是确定特定复选框的状态。

考虑以下场景：您有一组复选框，并且需要根据其确定是否选中特定复选框ID。

虽然您可能使用了以下代码：

function isCheckedById(id) {
    alert(id);
    var checked = $("input[@id=" + id + "]:checked").length;
    alert(checked);

    if (checked == 0) {
        return false;
    } else {
        return true;
    }
}

此方法会生成选中复选框的总数，忽略指定的 ID。

解决方案在于在利用 jQuery 的内置 :checked 选择器时：

$('#' + id).is(":checked")

此表达式计算结果为 true if具有给定 ID 的复选框被选中，否则为 false。

此外，如果您有一组具有相同名称的复选框，则可以按如下方式检索已选中复选框的列表：

var $boxes = $('input[name=thename]:checked');

使用each()方法迭代列表允许您对每个选中的复选框执行操作：

$boxes.each(function(){
    // Do stuff here with this
});

计算数组中选中的复选框数量：

$boxes.length;

以上是如何使用 jQuery 有效地确定一个或多个复选框的选中状态？的详细内容。更多信息请关注PHP中文网其他相关文章！