Skip to content
Related Articles

Related Articles

How to know which radio button is selected using jQuery?
  • Difficulty Level : Easy
  • Last Updated : 23 Apr, 2019
GeeksforGeeks - Summer Carnival Banner

To check which radio button is selected in a form, we first get the desired input group with the type of input as an option and then the value of this selection can then be accessed by the val() method. This returns the name of the option that is currently selected.

The selector ‘input[name=option]:checked’ is used to select all input groups that have the option type of input in the specified form.


$('input[name=option]:checked', 'formName').val()

This is shown in the example below.

<!DOCTYPE html>
      How to know which radio button
      is selected via jQuery?
    <h1 style="color: green">
      How to know which radio 
      button is selected via jQuery?
        <form id="myForm">
              Free Membership
                <input type="radio" 
              Premium Membership
      The value of the option selected is: 
      <span class="output"></span>
    <button id="btn">
      Check option button
    <script src=
    <script type="text/javascript">
      // Check the radio button value.
        $('#btn').on('click', function() {
            output = 
              '.output').textContent = output;


Check after clicking on the first option:

Check after clicking on the second option:

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes arrow_drop_up
Recommended Articles
Page :