Click a radio button automatically on page load

Question

Here is my code

jQuery('#choice_1_10_3_1').attr('checked','checked');

I want to check this radio button when the page load. I could not found error in console but my code is not working.

It is essential for me to do. Any help will be appreciated.

why not set the attribute in the html? or does the `#choice` change? — BenG, Aug 21 '16 at 09:08

score 2 · Accepted Answer · answered Aug 21 '16 at 09:16

2

The code will be run after the page is fully loaded.

Try this :

$(window).load(function() {
    $('#choice_1_10_3_1').attr('checked', true);
});

answered Aug 21 '16 at 09:16

While this may work, you should really be using `prop()` for this as of jQuery 1.6: http://stackoverflow.com/questions/5874652/prop-vs-attr – Donnie D'Amato Aug 23 '16 at 11:04

score 0 · Answer 2 · answered Aug 21 '16 at 08:42

It is possibly executing before the DOM is ready to be queried, try this:

jQuery(function() {
    jQuery('#choice_1_10_3_1').attr('checked','checked');
});

It might also be that you need to use .prop('checked', 'checked') instead of attr. I can never remember!

2 Answers2