jQuery on load detect which radio button is selected

Asked May 07 '19 at 21:36

Active May 07 '19 at 21:42

Viewed 24 times

Working example: https://codepen.io/stevland/pen/arOEEQ.

I am using jQuery to change the opacity of a corresponding table based on which radio button is toggled on/off.

$('input:radio').click(function() {
    $("input:radio").each(function() {
        $(this).closest("table").toggleClass("highlight", $(this).is(":checked"));
    });
});

It works well except for one caveat: when visiting the page one has to click a radio button to initiate the function.

I'd like to expand the code to work as soon as the page is loaded, based on which radio button is already checked:

<input type="radio" checked />

edited May 07 '19 at 21:42

asked May 07 '19 at 21:36

stevland

2

`$('input:radio:checked').trigger('click')` after your existing code. – Heretic Monkey May 07 '19 at 21:44
Possible duplicate of [How to trigger click on page load?](https://stackoverflow.com/questions/2060019/how-to-trigger-click-on-page-load), especially [this answer](https://stackoverflow.com/a/2060136/215552). – Heretic Monkey May 07 '19 at 21:45
@HereticMonkey That worked! Thank you. – stevland May 07 '19 at 22:12

jQuery on load detect which radio button is selected

0 Answers0