检查是否使用jQuery选中复选框

javascript jquery checkbox html

2022-08-29 22:02:02

如何检查复选框数组中的复选框是否使用复选框数组的 ID 进行选中？

我正在使用以下代码，但它总是返回选中的复选框的计数，而不管id如何。

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

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

答案 1

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

如果选中该复选框，则获得该复选框。

对于具有相同名称的复选框数组，您可以通过以下方式获取选中的复选框列表：

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

然后，要循环浏览它们并查看检查的内容，您可以执行以下操作：

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

要查找检查的数量，您可以执行以下操作：

$boxes.length;

答案 2

ID 在文档中必须是唯一的，这意味着您不应该这样做：

<input type="checkbox" name="chk[]" id="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" id="chk[]" value="Bananas" />

相反，请删除 ID，然后按名称或包含元素选择它们：

<fieldset id="checkArray">
    <input type="checkbox" name="chk[]" value="Apples" />

    <input type="checkbox" name="chk[]" value="Bananas" />
</fieldset>

现在是jQuery：

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;