jQuery On Change Radio value

Updated:

/

Getting the value of the selected radio field using jQuery isn’t tough. To get the selected radio field value we can use the following code, replacing the name radio_input with your own

<script>
    var selected_radio_value = $("input[name='radio_input']:checked").val();
</script>

We have used the radio name, because logically each radio in a group won’t have the same ID. However, it can also be retrieved with a class name.

<script>
    var selected_radio_value = $(".my_radio_input:checked").val();
</script>

To get the radio button value when it changes, you can bind to the jQuery change event

<script>
$("input[name='radio_input']").on('change', function(){
    var selected_radio = $("input[name='radio_input']:checked").val();
    if (selected_radio == 'hello_world'){
        // do something
    }
});
</script>

Find some more examples on https://api.jquery.com/radio-selector/.