在单选按钮上检查jquery

时间:2012-06-27 11:02:59

标签: jquery if-statement radio-button checked

所以,我有3个单选按钮:

<input type="radio" name="status" value="enabled" class="radio" <?php if($news_row['status']==1) echo 'checked'; ?> />
<input type="radio" name="status" value="disabled" class="radio" <?php if($news_row['status']==2) echo 'checked'; ?> />
<input type="radio" name="status" value="timer" class="radio" <?php if($news_row['status']==3) echo 'checked'; ?> />

我正在尝试检查带有值定时器的单选按钮是否像这样检查

if($('.radio [value=timer]').is(':checked')) {
    console.log('timer');
}

但显然我做错了,因为上面的代码不起作用。那么,这是正确的方法吗?使用.change()

2 个答案:

答案 0 :(得分:4)

演示 http://jsfiddle.net/m4m57/5/

问题是此处space f ($('.radio [value=timer]').is(':checked')) {

                                    ^-----------

希望这有帮助,

<强>码

$('input').on('change', function() {
    if ($('.radio[value=timer]').is(':checked')) {
        alert('say what');
        console.log('timer');
    }
});​

答案 1 :(得分:1)

删除空间

if($('.radio[value=timer]').is(':checked')) {
    console.log('timer');
}

.radio [value=timer]中有空格,这意味着另一个选择器,例如select all elements with value attribute set inside an element with class radio at any nested level

删除空格意味着select all elements with class radio AND value attribute set