如何使用复选框数组的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
其他回答
jQuery代码，用于检查是否选中复选框：
if($('input[name="checkBoxName"]').is(':checked'))
{
// checked
}else
{
// unchecked
}
或者：
if($('input[name="checkBoxName"]:checked'))
{
// checked
}else{
// unchecked
}
这也是我经常使用的一个想法：
var active = $('#modal-check-visible').prop("checked") ? 1 : 0 ;
如果勾选，则返回1；否则将返回0。
根据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
由于现在是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>
使用下面的代码
<script>
$(document).ready(function () {
$("[id$='chkSendMail']").attr("onchange", "ShowMailSection()");
}
function ShowMailSection() {
if ($("[id$='chkSendMail'][type='checkbox']:checked").length >0){
$("[id$='SecEmail']").removeClass("Hide");
}
</script>
