$(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

使用element属性:

this.checked

使用jQuery.prop():

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

从jQuery文档(上$.prop()):

确定是否选中复选框的首选跨浏览器兼容方法是使用以下方法之一检查元素属性上的"truthy"值:

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