检查jQuery是否选中复选框

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

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

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

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

当前回答

根据jQuery文档，有以下方法可以检查是否选中了复选框。让我们考虑一个复选框（检查所有示例的工作jsfiddle）

<input type="checkbox" name="mycheckbox" id="mycheckbox" />
<br><br>
<input type="button" id="test-with-checked" value="Test with checked" />
<input type="button" id="test-with-is" value="Test with is" />
<input type="button" id="test-with-prop" value="Test with prop" />

示例1-选中

$("#test-with-checked").on("click", function(){
    if(mycheckbox.checked) {
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
});

示例2-如果jQuery为，注意-：已选中

var check;
$("#test-with-is").on("click", function(){
    check = $("#mycheckbox").is(":checked");
    if(check) {
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
});

示例3-使用jQuery属性

var check;
$("#test-with-prop").on("click", function(){
    check = $("#mycheckbox").prop("checked");
    if(check) {
         alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
});

检查工作jsfiddle

2014-02-25 15:41:10

其他回答

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

如果选中该复选框，则会出现这种情况。

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

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

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

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

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

$boxes.length;

2010-02-05 00:24:34

jQuery代码，用于检查是否选中复选框：

if($('input[name="checkBoxName"]').is(':checked'))
{
  // checked
}else
{
 // unchecked
}

或者：

if($('input[name="checkBoxName"]:checked'))
{
    // checked
}else{
  // unchecked
}

2016-10-04 10:06:50

$(document).on('click','#checkBoxId',function(){
  var isChecked = $(this).is(':checked');
  console.log(isChecked);
});

上面的代码也适用于引导模式。isChecked为true或flase；

2021-03-27 06:11:31

我知道OP想要jquery，但在我的情况下，纯JS是答案，所以如果像我这样的人在这里，没有jquery或者不想使用它，那么JS的答案是：

document.getElementById("myCheck").checked

如果ID为myCheck的输入被选中，则返回true；如果未选中，则为false。

就这么简单。

2018-06-28 09:52:37