Question

checkbox为复选框呈现以下内容：

<input id="IsCredit" name="IsCredit" type="checkbox" value="true" />
<input name="IsCredit" type="hidden" value="false" />

在javascript中，

$('#IsCredit').val();

总是如此。是勾选还是未勾选

如何确定是否已在Javascript中勾选复选框？

Answer 1

您可以查看它的checked属性。使用jQuery：

var isChecked = $('#IsCredit').prop("checked");

或使用原生DOM方法：

var isChecked = document.getElementById("IsCredit").checked;

Answer 2

val返回表单元素的值，因为您的元素具有true值，val()返回true而不是它的已检查属性值，您可以使用{{ 1}}用于读取复选框的prop属性的方法，或checked方法。

is

或：

if ( $('#IsCredit').is(':checked') {
    // ...
}

Answer 3

$("#IsCredit").attr('checked')会告诉您是否已选中。您还可以使用第二个参数true / false来选中/取消选中复选框。

根据评论，如果可用，请使用prop代替attr。 E.g：

$("#IsCredit").prop('checked')