Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion AI Tools Integration
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

Home Forums Check the Radio button with the help of an jQuery – MindStick
Ask Question

1 Answers

Aryan Kumar
Aryan Kumar 26 Nov 2023
Report Abuse

To check a radio button using jQuery, you can use the prop() method to set the checked property to true. Here's an example:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Check Radio Button with jQuery</title>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>

<label>
  <input type="radio" name="gender" value="male"> Male
</label>

<label>
  <input type="radio" name="gender" value="female"> Female
</label>

<button id="checkMale">Check Male</button>
<button id="checkFemale">Check Female</button>

<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);
    });
  });
</script>

</body>
</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.

MindStick Training
Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md