Can not check the radio button using Javascript or Jquery

Question

I need one help.I need to check the radio button and set its value using Javascipt/Jquery.I am explaining my code below.

<input type="radio" name="answer_type0" id="answer_type0" value="" onClick="selectScale();">Male
    <button type="button" id="btn">Edit</button>
    <script >
        document.getElementById('btn').onclick=function(){
            var qdata='123';
            $('#answer_type0[value="' + qdata + '"]').prop('checked', true).trigger('click');
            //$('#answer_type0').prop("checked",true);
            console.log('checked',$("#answer_type0").prop("checked"));
        }
        function selectScale(){
            console.log('value');
        }
    </script>

On the above code when user will click on Edit button the radio button should check and the click should trigger. But in my case its not happening like this. Here the plunkr is present.Please help me.

In the selector you're expecting the input to have a value attribute which it doesn't. — gcampbell
– gcampbell, Commented Jul 16, 2016 at 10:57
i have tried also what you have done.i need to set its value also while clicked. in this case its not coming. — user5443928
– user5443928, Commented Jul 16, 2016 at 10:59

Deep · Accepted Answer · 2016-07-16 11:00:45Z

0

Try like this.

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
  </head>
  <body>
    <input type="radio" name="answer_type0" id="answer_type0" value="" onClick="selectScale();">Male
    <button type="button" id="btn">Edit</button>
    <script >
        $(document).ready(function(){
          document.getElementById('btn').onclick=function(){

            $('#answer_type0').prop("checked",true);
        }
        function selectScale(){
            console.log('value');
        }
       });
    </script>
  </body>

</html>

answered Jul 16, 2016 at 11:00

Deep

9,7962 gold badges24 silver badges34 bronze badges

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

Comments

Kamil Kiełczewski · Accepted Answer · 2016-07-16 11:14:12Z

0

Here is answer

<input type="radio" name="answer_type0" id="answer_type0" value="" onClick="selectScale();">Male
<button type="button" id="btn">Edit</button>
<script>
  document.getElementById('btn').onclick = function() {
    var qdata = '0';
    $('[name=answer_type' + qdata + ']').prop('checked', true).trigger('click');
    console.log('checked', $("#answer_type0").prop("checked"));
  }

  function selectScale() {
    var qdata = '0';
    $('[name=answer_type' + qdata + ']').val('some_value');
    console.log('some_value');
  }

</script>

edited Jul 16, 2016 at 11:14

answered Jul 16, 2016 at 11:00

Kamil Kiełczewski

93.7k34 gold badges401 silver badges375 bronze badges

6 Comments

user5443928 Over a year ago

Please test inside my plunkr.

Kamil Kiełczewski Over a year ago

Not working? Can you explain what not working? Here is jsfiddle: jsfiddle.net/qLyx07ch

user5443928 Over a year ago

Ok,But i need to set also its value dynamically.

Kamil Kiełczewski Over a year ago

Tell me where you want to set value? Explain more

user5443928 Over a year ago

check this line ` $('#answer_type0[value="' + qdata + '"]').prop('checked', true).trigger('click');` from my code.

|

Collectives™ on Stack Overflow

Can not check the radio button using Javascript or Jquery

2 Answers 2

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest