$(this) 上的 jquery 选择器

Question

如果我有一个输入:

<input type="checkbox" name="product" id="product" /><label for="product">Product</label>

如何判断何时使用 $(this) 检查它？

$('input#product').click(function() {
        console.log('clicked or not clicked?');
});

Answer 1

使用元素属性:

this.checked

<小时/>

使用jQuery.prop() :

$(this).prop('checked');

<小时/>

来自 jQuery 文档(关于 $.prop()):

The preferred cross-browser-compatible way to determine if a checkbox is checked is to check for a "truthy" value on the element's property using one of the following:

• if ( elem.checked )
• if ( $(elem).prop("checked") )
• if ( $(elem).is(":checked") )