jQuery使用Pop()方法判断单选按钮(radio button)是否被选中
发布:智码IT网 阅读:
如下示例html code,在查询的时候,确认查询范围是全部、已读、未读中选中哪一个
<div>
<label>
<input type="radio" name="SerchRange" id="rangeAll" checked="checked" />全部</label>
<label>
<input type="radio" name="SerchRange" id="rangeReaded" />已读</label>
<label>
<input type="radio" name="SerchRange" id="rangeUnreaded" />未读</label>
<input type="button" value="查询" onclick="Serch();" />
</div>
JavaScript Code:
var serchRange = "All"; //serchRange 默认赋值为查询全部
if ($("#rangeReaded").prop("checked")) { //如果已读单选按钮被选中,serchRange 赋值为Readed
serchRange = "Readed";
} else if ($("#rangeUnreaded").prop("checked")) { //如果未读单选按钮被选中,serchRange 赋值为Unreaded
serchRange = "Unreaded";
}
注意: prop() 方法返回的是布尔值。也可以使用 attr('checked') 方法来判断,但是由于 attr() 方法返回值为字符串类型,所以在比较时需要使用严格相等运算符,即 ===。