Check the Radio button with the help of an jQuery

Question

Aryan Kumar · Answer

To check a radio button using jQuery, you can use the prop() method to set the
checked property to true. Here's an example:
andlt;!DOCTYPE html>
andlt;html lang="en">
andlt;head>
  andlt;meta charset="UTF-8">
  andlt;meta name="viewport" content="width=device-width, initial-scale=1.0">
  andlt;title>Check Radio Button with jQueryandlt;/title>
  andlt;script src="https://code.jquery.com/jquery-3.6.4.min.js">andlt;/script>
andlt;/head>
andlt;body>
andlt;label>
  andlt;input type="radio" name="gender" value="male"> Male
andlt;/label>
andlt;label>
  andlt;input type="radio" name="gender" value="female"> Female
andlt;/label>
andlt;button id="checkMale">Check Maleandlt;/button>
andlt;button id="checkFemale">Check Femaleandlt;/button>
andlt;script>
  $(document).ready(function() {
    // Check the male radio button
    $('#checkMale').on('click', function() {
      $('input[name="gender"][value="male"]').prop('checked', true);
    });
    // Check the female radio button
    $('#checkFemale').on('click', function() {
      $('input[name="gender"][value="female"]').prop('checked', true);
    });
  });
andlt;/script>
andlt;/body>
andlt;/html>
In this example:
Two radio buttons with the same name attribute create a radio button group.The "Check Male" and "Check Female" buttons have IDs (checkMale and
checkFemale) and are associated with click events.When the buttons are clicked, the corresponding radio button is checked using the
prop('checked', true) method.
This example demonstrates how to programmatically check a radio button using jQuery. Adjust the code based on your specific HTML structure and requirements.

forum

Check the Radio button with the help of an jQuery

Ethan Karla

Can you answer this question?

1 Answers

Liked By