如何正确引用复选框值？

Question

我正在尝试确定复选框的值。为什么第一个JS示例不起作用，而第二个JS为什么起作用？

CSHTML

<div style="border-style: solid;">
@Html.LabelFor(model => model.paios)
@Html.CheckBoxFor(model => model.paios)
</div>

JS

console.log($('#paios').checked); //UNDEFINED

$('#paios').change(function () {
    console.log(this.checked); //returns true or false
}

Answer 1

因为checked是Element属性，而jQuery并不直接公开Element属性。您必须使用辅助方法。

$('#paios').prop('checked')
//or break the Element out of the jQuery object
$('#paios')[0].checked