How to trigger a click on checked radio button in jquery or javascript

Question

Javascript:

if (GetCookie('prev_radio_value')!=null){   
     alert(GetCookie('prev_radio_value'));
     $(":radio[value="+GetCookie('prev_radio_value')+"]").attr('checked',true);
     $(":radio[value="+GetCookie('prev_radio_value')+"]").triggerHandler('click');

     $(':radio:checked').triggerHandler('click');

     $('input:radio[name=theme]:checked').click();

    }else{
        alert("clicking first");
     $("input:radio:first").attr("checked", true).trigger("click"); 
     }

HTML code:

<ul>
 <li><input type="radio"  name="theme" value="theme1"/>Theme1</li>
 <li><input type="radio"  name="theme" value="theme2"/>Theme2</li>
 </ul>

this code is inside div -> 'checkbox_div'

click function :

$("#checkbox_div input:radio").click(function() {
  alert("clicked") ;
 });

I have used the trigger click in 3 ways but none of them worked or triggered the click event.

example link : http://jsbin.com/ezesaw/1/edit is not triggering the click event upon selection of first radio button.

Change attr() to prop(), as the checked property should always be set with prop(), otherwise you'll have issues. Also, you should be using the change event on a radio button, not the click event, and use input[type="radio"] not input:radio. — adeneo
– adeneo, Commented Jul 31, 2013 at 18:40
Also, what you're looking for is $('#checkbox_div input[type="radio"]:checked').trigger('click'); — adeneo
– adeneo, Commented Jul 31, 2013 at 18:42
$("input[type='radio' value="+GetCookie('prev_radio_value')+"]").prop('checked',true); ...throws me an exception .... like this ..........Uncaught Error: Syntax error, unrecognized expression: [type='radio' value=theme1] — user2569524
– user2569524, Commented Jul 31, 2013 at 18:53
What the heck is that supposed to be? You should read the jQuery documentation, you can't do it like that. — adeneo
– adeneo, Commented Jul 31, 2013 at 19:27

phiresky · Accepted Answer · 2013-07-31 18:31:55Z

2

Just call "click()" without the function as an argument

$("#checkbox_div input:radio").click();

answered Jul 31, 2013 at 18:31

phiresky

5125 silver badges17 bronze badges

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

1 Comment

user2569524 Over a year ago

This is not working ..... its not triggering the click event .... but how does it even know which radio button is clicked ... could you pls correct if am thinkin wrong ?

user1721135 · Accepted Answer · 2013-07-31 18:34:49Z

1

It works just fine:

http://jsbin.com/ivojoz/1/edit

The problem may be that you are not selecting the radio correctly

try

$('#checkbox_div input[type="radio"]').click(function() {
  alert("clicked") ;
 });

answered Jul 31, 2013 at 18:34

user1721135

7,1128 gold badges39 silver badges67 bronze badges

2 Comments

user2569524 Over a year ago

this function works fine .... but i want to trigger the click event on a checked radio button ...upon document load....

user2569524 Over a year ago

click event is not triggered upon selection of first radio ...dono y .... http://jsbin.com/ezesaw/1/edit

DominicValenciana · Accepted Answer · 2016-01-03 20:08:35Z

0

    $("#checkbox_div").on('click','input:radio', function() {

      alert("clicked");

    });

Give this code a shot. It worked for me.

answered Jan 3, 2016 at 20:08

DominicValenciana

1,7512 gold badges16 silver badges27 bronze badges

Comments

Viraj Dhamal · Accepted Answer · 2016-06-30 09:31:13Z

0

In case u are still interested in this question:

The click event is implied when selecting/checking a radio button, all you need is to bind a procedure to it, this is just ONE way:

//js for radio button click
$('input[type="radio"]').on('click', function(){
    window.alert($(this).val());
})

<!--html-->
<input type="radio" value="first" name="same"/>
<input type="radio" value="second" name="same"/>
<input type="radio" value="third" name="same"/>

edited Jun 30, 2016 at 9:31

Viraj Dhamal

5,36510 gold badges35 silver badges42 bronze badges

answered Oct 2, 2015 at 17:43

Scaramouche

3,2574 gold badges23 silver badges53 bronze badges

Comments

Bad Loser · Accepted Answer · 2019-07-19 02:45:14Z

0

Whether done manually or programmatically, it seems that clicking an already checked radio button does not necessarily have any effect!

Assuming HTML of:

<input type="radio" name="rv_submit" value="delete" id="rb2" checked>

Trigger the required action via jQuery as follows:

$('#rb2').prop('checked', false);   // Turn off 'checked' ...
$('#rb2').click();                  // ... or click() has no effect

edited Jul 19, 2019 at 2:45

answered Jul 19, 2019 at 2:03

Bad Loser

3,1551 gold badge21 silver badges32 bronze badges

Collectives™ on Stack Overflow

How to trigger a click on checked radio button in jquery or javascript

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related