Radio Button Handling in jQuery

Radio Button Handling in jQuery — a practical guide to jQuery radio buttons with clear examples you can reuse in real projects.

jQuery Tutorial Series (61/101). Prefer one article? Read the complete jQuery tutorial.

Short description

Change handlers update dependent UI when the choice changes.

Radio

var plan = $('input[name="plan"]:checked').val();
$('input[name="plan"]').on('change', function () {
  console.log($(this).val());
});