Question

I have a list of radio buttons that I update programmatically based upon a user’s selection from a different list. This code properly finds the radio button that matches the selected item and selects it, but it doesn’t deselect the previously selected radio button.

$('#major_groups input[type=radio]').each(function(){
        if($(this).attr("value") == group_name){
            $(this).prop("checked",true).checkboxradio('refresh');
        }
});

All of the radio buttons in the major_groups div have the same name, so I thought selecting one would unselect the others. I got it to work by looping through the buttons again and refreshing all of them, but this seems inefficient.

Also, will .prop("checked",true) fire the change event?

Answer 1

What about just triggering a click event on the radio button, something like this:

$('#major_groups input[type=radio]').each(function(){
    if($(this).attr("value") == group_name){
        $(this).click();
    }
});