9.1.3 确定按钮和选框是否选中

尽管val()函数对于获取任何表单元素的值很有帮助,但对于某些字段,只有访问者已经选择了字段,其值才是重要的。例如,单选按钮和复选框要求访问者通过选择一个特定的值来做出选择。我们在9.1.1节见到了如何使用:checked过滤器来找到选中的单选按钮或复选框,但是,一旦找到它,需要一种方法来确定一个特定按钮或选框的状态。

在HTML中,checked属性确定一个特定的元素是否选中。例如,要在Web页面载入的时候打开一个选框,可以像下面这样为XHTML添加checked属性:


<input type="checkbox"name="news"id="news"checked="checked"/>


向下面这样为HTML 5添加checked属性:


<input type="checkbox"name="news"id="news"checked>


由于checked是一个HTML属性,因此可以很容易地使用jQuery来选中选框的状态,如下所示:


if($('#news').attr('checked')){

//the box is checked

}else{

//the box is not checked

}


如果选框选中,代码$('#news').attr('checked')返回true;如果选框没有选中,它返回值undefined, JavaScript解释器把这个值看做等同于false。因此,如果选框选中,这个基本的条件语句允许我们执行一组任务,而如果选框关闭,执行另一组任务(如果需要复习有关条件语句的知识,请参见3.1.1节)。checked属性也适用于单选按钮。我们可以以同样的方式使用attr()函数来检查单选按钮的checked属性是否设置。