检查单选按钮是否被选中

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?

Answer 1

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"> 

Answer 2

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');
}

Answer 3

Try this:

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