check if radio button is checked

Question

I have two radio buttons:

<input checked="checked" class="survey_kind_input" type="radio" value="Short">
<input class="survey_kind_input" type="radio" value="Thorough">

I have the following javascript:

if($('.survey_kind_input').checked){
    alert('in survey kind checked');
}

But it is not working. How do I successfully make the alert work?

possible duplicate of [Find out if radio button is checked with JQuery?](http://stackoverflow.com/questions/2272507/find-out-if-radio-button-is-checked-with-jquery) — Patrick M, Jul 23 '15 at 17:28

score 1 · Accepted Answer · answered Jul 23 '15 at 17:23

You're not checking properly whether it is checked or not, so it won't work. Instead, use is() and :checked to check whether it is checked:

if($('.survey_kind_input').is(':checked')){
    alert('in survey kind checked');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input checked="checked" class="survey_kind_input" type="radio" value="Short">
<input class="survey_kind_input" type="radio" value="Thorough">

Great, thanks, will accept in 5 minutes when SO allows me – Philip7899 Jul 23 '15 at 17:32 — Philip7899, Jul 23 '15 at 17:32

score 1 · Answer 2 · answered Jul 23 '15 at 17:24

Either use get() to retrieve the javascript Dom element and use checked or use is(:checked)

 if($('.survey_kind_input').get()[0].checked){
        alert('in survey kind checked');
    }

or

if($('.survey_kind_input').is(':checked'){
    alert('in survey kind checked');
}

score 0 · Answer 3 · answered Jul 23 '15 at 17:25

0

Try this:

if($('.survey_kind_input').is(":checked"){
   alert('in survey kind checked');
}

answered Jul 23 '15 at 17:25

brroshan

1,600
15
19

check if radio button is checked

3 Answers3