Question

So, I have 3 radio buttons:

<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'; ?> />

And I’m trying to check if radio button with value timer is checked like so

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

But obviously I’m doing something wrong since that code above doesn’t work. So, which is the right way to do it? Using .change()?

Answer 1

Demo http://jsfiddle.net/m4m57/5/

Issue was the space here f ($('.radio [value=timer]').is(':checked')) {

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

Hope this helps,

code

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