triggering change of radio button by using on click trigger using jquery

Question

I hav a 5 radios and when it loads it runs

$("input[type='radio'][name='freq']")[1].trigger('change');

to activate the below function

(function() {
$("form#form1 input, form#form1 select").on('keyup change', function() {
alert('called')
}):
}).call(this);

But trigger('change') will not neither trigger('click')

Needs to be a JQuery solution?

Jose Marques
– Jose Marques

2017-04-16 10:48:23 +00:00
Commented Apr 16, 2017 at 10:48 — Jose Marques
– Jose Marques, Commented Apr 16, 2017 at 10:48

Mayank Pandeyz · Accepted Answer · 2017-04-16 10:49:42Z

2

Instead of this:

$("input[type='radio'][name='freq']")[1].trigger('change');

try

$("input[type='radio'][name='freq']")[1].click();

It will make the checkbox checked if it is unchecked, or vice versa. You can also use:

$("input[type='radio'][name='freq']")[1].attr('checked', true);
$("input[type='radio'][name='freq']")[1].attr('checked', false);

or

$("input[type='radio'][name='freq']")[1].prop('checked', true);
$("input[type='radio'][name='freq']")[1].prop('checked', false);

answered Apr 16, 2017 at 10:49

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

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

6 Comments

Code Guy Over a year ago

No i am not, this $("input[type='radio'][name='freq']")[1].attr('checked', true); $("input[type='radio'][name='freq']")[1].attr('checked', false); is not a function

Mayank Pandeyz Over a year ago

I did not get you?

Code Guy Over a year ago

Uncaught TypeError: $(...)[1].prop is not a function

Code Guy Over a year ago

$("input[type='radio'][name='freq']")[1].click(); will click the radio but does not fire

Mayank Pandeyz Over a year ago

Try this one: $("input[type='radio'][name='freq']")[1].click().change();

|

Jose Marques · Accepted Answer · 2017-04-16 10:55:13Z

1

document.getElementById("myBtn").addEventListener("click", functio_test);
document.getElementById("myBtn1").addEventListener("click", functio_test);

        function functio_test(){
            var x = document.querySelector('input[name="type_test"]:checked').value;
            if(x == "ola"){
                 alert("Ola José");
            }
            else if(x == "adeus"){
                 alert("Adeus José");
            }
            else {
                alert("Continua José");
            }
        }

<input id = "myBtn" type="radio" name="type_test" value="ola"> ola <br/>
    <input id = "myBtn1" type="radio" name="type_test" value="adeus"> adeus <br/>

answered Apr 16, 2017 at 10:55

Jose Marques

7481 gold badge7 silver badges22 bronze badges

Collectives™ on Stack Overflow

triggering change of radio button by using on click trigger using jquery

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related