javascript - CheckboxFor 的 javascript 值

Question

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

<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它的检查属性值，您可以使用prop读取checked复选框属性的方法或is方法。

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

或者：

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

Answer 3

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

根据评论，使用prop而不是attr可用时。例如：

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