Table of contents

Check Radio Button Based On Selected Value in Javascript

In this post, I will share with you an example of how to check the radio button based on selected values using jquery. Maybe you have a task that needs to check the radio button on a selected value using a select box or even a button. To proceed kindly check the example code below.



<!DOCTYPE html>
	<meta charset="utf-8">
	<title>How To Check Radio Button Based On Selected Value in jQuery?</title>
	<h1>How To Check Radio Button Based On Selected Value in jQuery?</h1>

	<form id="form1">
		<p><b>Membership Type</b></p>
		<select id="membership_type">
			<option value="">Select Membership Type</option>
			<option value="regular">Regular</option>
			<option value="pro">Pro</option>
			<option value="vip">VIP</option>

		<p><b>Selected Membership</b></p>
		<input type="radio" value="regular" name="membership" class="membership" disabled="disabled"> Regular
		<input type="radio" value="pro" name="membership" class="membership" disabled="disabled"> Pro
		<input type="radio" value="vip" name="membership" class="membership" disabled="disabled"> VIP


		<button type="button" id="btnSubmit">Submit</button>

	<script src=""></script>

	<script type="text/javascript">
		$(document).ready(function() {

			$("#membership_type").on("change", function() {
				var membership = $(this).val();

				$(".membership[value='"+membership+"']").prop("checked", true);

			// Method #1 - Getting radio selected using class
			$("#btnSubmit").on("click", function() {
				var membership = $(".membership:checked").val();



Thanks for reading I hope it helps. Good luck, happy coding :)