Can not validate the radio button field using JavaScript/jQuery

Question

I need to check if the radio button input field is checked or not using Javascript/Jquery. Actually I am setting the radio button field dynamically but while checking whether this field is checked or not it's showing me the result false where it is really checked. My code is below.

<input type="radio" name="answer_type0" id="answer_type0" onClick="selectScale(this.value,'0');" value="<?php echo $v['_id']; ?>"> <?php echo $v['answertype'];  ?>

My javascript code is below.

$('#answer_type0[value="' + qdata[0].answer_type + '"]').prop('checked', true).trigger('click');    
console.log('check',document.getElementById('answer_type0').checked);

Here my radio input field seems checked on the UI page but while i am checking the console.log message its showing false. Here I need if the radio button field is checked it should give the message true but it's not happening like that.

Please include the rendered html, not just the php version. — fdomn-m
– fdomn-m, Commented Jul 16, 2016 at 7:40

Stephan Sutter · Accepted Answer · 2016-07-16 06:59:38Z

1

Try checking like this.

if($('#answer_type0').is(':checked')){
   console.log("true");
}else{
   console.log("false");
}

answered Jul 16, 2016 at 6:59

Stephan Sutter

4002 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

satya Over a year ago

Actually my problem is the radio button is checked but its showing false.

Stephan Sutter Over a year ago

Did you try using my answer to check if it is false?

satya Over a year ago

I did it like this console.log('check',$('#answer_type0').is(':checked')); but its giving the result false but actually the radio button is checked.

satya Over a year ago

I did as per you and got the result what i have explained above.

Arun Kumaresh · Accepted Answer · 2016-07-16 07:05:03Z

0

you can check it by the following methods

 if ($("#answer_type0").prop("checked")) {
          alert("checked");
        }
      else
      {
      alert ("not checked");
      }

        // OR
        if ($("#answer_type0").is(":checked")) {
           alert("checked");
        }
       else
       {
       alert ("not checked");
       }

answered Jul 16, 2016 at 7:05

Arun Kumaresh

6,2966 gold badges36 silver badges50 bronze badges

3 Comments

satya Over a year ago

Its not the solution.Here my radio button field is checked but its showing as false.

Arun Kumaresh Over a year ago

then the problem is with the $('#answer_type0[value="' + qdata[0].answer_type + '"]') check whether the check box value is same as in html that's why it returns false

satya Over a year ago

So whats the solution for this.

Collectives™ on Stack Overflow

Can not validate the radio button field using JavaScript/jQuery

2 Answers 2

4 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related