如何使用复选框数组的id检查复选框数组中的复选框是否选中？
我正在使用以下代码，但它总是返回选中复选框的计数，而不管id如何。
function isCheckedById(id) {
alert(id);
var checked = $("input[@id=" + id + "]:checked").length;
alert(checked);
if (checked == 0) {
return false;
} else {
return true;
}
}
当前回答
用于检查和设置复选框的简单演示。
jsfiddle！
$('.attr-value-name').click(function() {
if($(this).parent().find('input[type="checkbox"]').is(':checked'))
{
$(this).parent().find('input[type="checkbox"]').prop('checked', false);
}
else
{
$(this).parent().find('input[type="checkbox"]').prop('checked', true);
}
});
其他回答
关于选中的属性，最重要的概念是它与所检查的属性不对应。属性实际上对应于defaultChecked属性，应使用仅设置复选框的初始值。选中的属性值不会随复选框的状态而改变，而已检查属性。因此，跨浏览器兼容的方式确定是否选中复选框以使用该属性
以下所有方法都是可行的
elem.checked
$(elem).prop("checked")
$(elem).is(":checked")
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;
使用此代码，您可以在不同的复选框组或多个复选框中检查是否选中了至少一个复选框。使用此选项，您不需要删除ID或动态ID。此代码使用相同的ID。
参考链接
<label class="control-label col-sm-4">Check Box 2</label>
<input type="checkbox" name="checkbox2" id="checkbox21" value=ck1 /> ck1<br />
<input type="checkbox" name="checkbox2" id="checkbox22" value=ck2 /> ck2<br />
<label class="control-label col-sm-4">Check Box 3</label>
<input type="checkbox" name="checkbox3" id="checkbox31" value=ck3 /> ck3<br />
<input type="checkbox" name="checkbox3" id="checkbox32" value=ck4 /> ck4<br />
<script>
function checkFormData() {
if (!$('input[name=checkbox2]:checked').length > 0) {
document.getElementById("errMessage").innerHTML = "Check Box 2 can not be null";
return false;
}
if (!$('input[name=checkbox3]:checked').length > 0) {
document.getElementById("errMessage").innerHTML = "Check Box 3 can not be null";
return false;
}
alert("Success");
return true;
}
</script>
jQuery代码，用于检查是否选中复选框：
if($('input[name="checkBoxName"]').is(':checked'))
{
// checked
}else
{
// unchecked
}
或者：
if($('input[name="checkBoxName"]:checked'))
{
// checked
}else{
// unchecked
}
由于现在是2019年年中，jQuery有时会比VueJS、React等产品逊色。这里有一个纯粹的Javascript加载监听器选项：
<script>
// Replace 'admincheckbox' both variable and ID with whatever suits.
window.onload = function() {
const admincheckbox = document.getElementById("admincheckbox");
admincheckbox.addEventListener('click', function() {
if(admincheckbox.checked){
alert('Checked');
} else {
alert('Unchecked');
}
});
}
</script>
