JavaScript this.checked

时间:2011-10-06 08:45:09

标签: javascript

在JavaScript中,如果我们编写以下代码:

var c = this.checked;

这里checked是什么?只是状态告诉我们是否选中了示例复选框或不是?那么,我们可以用它来检查复选框是否也没有被选中?

4 个答案:

答案 0 :(得分:38)

要将伪选择器:checked与jquery对象this一起使用,请写:

$(this).is(':checked')

答案 1 :(得分:8)

假设this引用具有checked属性的DOM元素(例如复选框或单选按钮),那么checked属性将为true检查元素,如果不是,则false。例如,给定此HTML:

<input type="checkbox" id="example">

以下JS行将返回false

var c = document.getElementById("example").checked; //False

请注意,您编写的是标准JavaScript,而不是jQuery。如果this引用jQuery对象而不是DOM元素,则checked将是未定义的,因为jQuery对象没有checked属性。如果this是jQuery对象,则可以使用.prop

var c = this.prop("checked");

答案 2 :(得分:8)

  

是否只是一个状态告诉我们是否选中了复选框?那么,我们可以用它来检查复选框是否也没有被选中?

是和是

答案 3 :(得分:4)

In jQuery checked is a selector:

  

:选中的选择器适用于复选框和单选按钮。

有一些方法可以检查是否选中了复选框:

例如:

$('#checkBox').attr('checked'); 

or 

$('#checkBox').is(':checked');