为什么jQuery为checkbox复选属性抛出undefined？

Question

以下代码在checkbox的onchange属性内工作：

 onchange="if(this.checked)$('#row_date').show();else $('#row_date').hide();" 

但是jquery

alert($('#apply_range').checked) // throw undefined, either checked or unchecked

不能正常工作。

Answer 1

checked是DOMElement的属性，而不是jQuery对象。要从jQuery对象获取该属性，请使用prop()：

console.log($('#apply_range').prop('checked'));

或者您可以直接访问jQuery对象中的DOMElement：

console.log($('#apply_range')[0].checked);

// or

console.log($('#apply_range').get(0).checked);

Answer 2

您必须使用$('#apply_range').is(":checked")或直接访问DOM元素：$('#apply_range')[0].checked。