javascript value for CheckboxFor

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')