我在解决问题时遇到了困难。我有两个复选框（未来可能会有更多）：
checkSurfaceEnvironment-1checkSurfaceEnvironment-2基本上，我想编写一个 if 语句并测试其中一个被选中且另一个未被选中的情况。如何最简单地实现以下操作：
if ( $("#checkSurfaceEnvironment-1").attr('checked', true) &&
$("#checkSurfaceEnvironment-2").is('**(NOT??)** :checked') ) {
// do something
}
我经常使用的一种可靠方法是:
if($("#checkSurfaceEnvironment-1").prop('checked') == true){
//do something
}
$("#parentId").find("checkbox").each(function(){
if ($(this).prop('checked')==true){
//do something
}
});
更多信息:
这样做很有效，因为所有复选框都有一个名为 checked 的属性，它存储了复选框的实际状态。如果您希望检查页面并尝试选中和取消选中复选框，则会注意到属性“checked”（如果存在）将保持不变。此属性仅表示复选框的 初始状态，而不是 当前 状态。当前状态存储在该复选框的 dom 元素的 checked 属性中。
请参见HTML 中的属性和特性
checked = true 设置。 - Naftali=== 来与 false 进行比较吗？ - four-eyesif (!$("#checkSurfaceEnvironment-1").is(":checked")) {
// do something if the checkbox is NOT checked
}
另一种方法：
这里有一个可运行示例，以下是代码，你还应该使用 prop 属性。
$('input[type="checkbox"]').mouseenter(function() {
if ($(this).is(':checked')) {
//$(this).prop('checked',false);
alert("is checked");
} else {
//$(this).prop('checked',true);
alert("not checked");
}
});
我将切换选中属性的方式注释掉了。
我认为最简单的方法（使用jQuery）来检查复选框是否被选中是：
如果“被选中”：
if ($(this).is(':checked')) {
// I'm checked let's do something
}
如果未选中：
if (!$(this).is(':checked')) {
// I'm NOT checked let's do something
}
if ( $("#checkSurfaceEnvironment-1").is(":checked") && $("#checkSurfaceEnvironment-2").not(":checked") )
我正在寻找像avijendr建议的更直接的实现方式。
他/她的语法让我有些困惑，但我最终使这个代码工作了：
if ($('.user-forms input[id*="chkPrint"]:not(:checked)').length > 0)
在我的情况下，我有一个带有类user-forms的表格，并且我正在检查任何复选框中是否有字符串checkPrint在其id中未被选中。
这里有一个针对这个问题的代码片段。
$(function(){
$("#buttoncheck").click(function(){
if($('[type="checkbox"]').is(":checked")){
$('.checkboxStatus').html("Congratulations! "+$('[type="checkbox"]:checked').length+" checkbox checked");
}else{
$('.checkboxStatus').html("Sorry! Checkbox is not checked");
}
return false;
})
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<p>
<label>
<input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_0">
Checkbox</label>
<br>
<label>
<input type="checkbox" name="CheckboxGroup1_" value="checkbox" id="CheckboxGroup1_1">
Checkbox</label>
<br>
</p>
<p>
<input type="reset" value="Reset">
<input type="submit" id="buttoncheck" value="Check">
</p>
<p class="checkboxStatus"></p>
</form>.attr() 方法，要检查是否选中，可以使用 .attr("checked", "checked")，如果未选中，则使用 .attr("checked") == undefined。请注意保留原有的HTML标签。try this one
if ($("#checkSurfaceEnvironment-1:checked").length>0) {
//your code in case of NOT checked
}
(#checkSurfaceEnvironment-1)，然后通过(:checked)筛选出其选中状态。
||而不是&&来检查是否选中了“其中之一”。&&用于检查是否 两者都 被选中。 - j08691