javascript - 如何正确引用复选框值？

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

网页HTML

<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
}

最佳答案

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

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