如何使用复选框数组的id检查复选框数组中的复选框是否选中？
我正在使用以下代码，但它总是返回选中复选框的计数，而不管id如何。
function isCheckedById(id) {
alert(id);
var checked = $("input[@id=" + id + "]:checked").length;
alert(checked);
if (checked == 0) {
return false;
} else {
return true;
}
}
当前回答
试试这个。。。
$(function(){
$('body').on('click','.checkbox',function(e){
if($(this).is(':checked')){
console.log('Checked')
} else {
console.log('Unchecked')
}
})
})
其他回答
根据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
$('#checkbox').is(':checked');
如果选中复选框，则上述代码返回true，否则返回false。
实际上，根据jsperf.com的说法，DOM操作最快，然后是$（）.prp（），然后是$（）.is（）！！
以下是语法：
var checkbox = $('#'+id);
/* OR var checkbox = $("input[name=checkbox1]"); whichever is best */
/* The DOM way - The fastest */
if(checkbox[0].checked == true)
alert('Checkbox is checked!!');
/* Using jQuery .prop() - The second fastest */
if(checkbox.prop('checked') == true)
alert('Checkbox is checked!!');
/* Using jQuery .is() - The slowest in the lot */
if(checkbox.is(':checked') == true)
alert('Checkbox is checked!!');
我个人更喜欢.prop（）。与.is（）不同，它也可以用来设置值。
jQuery代码，用于检查是否选中复选框：
if($('input[name="checkBoxName"]').is(':checked'))
{
// checked
}else
{
// unchecked
}
或者：
if($('input[name="checkBoxName"]:checked'))
{
// checked
}else{
// unchecked
}
在我的示例中，情况是一个对话框，然后在关闭对话框之前验证复选框。以上都没有，如何检查jQuery中是否选中了复选框？如果选中复选框，jQuery似乎也不起作用。
最后
<input class="cb" id="rd" type="checkbox">
<input class="cb" id="fd" type="checkbox">
var fd=$('.cb#fd').is(':checked');
var rd= $('.cb#rd').is(':checked');
这是因为先调用类，然后调用ID，而不仅仅是ID。这可能是由于此页面上的嵌套DOM元素导致的问题。解决方法如上所述。
