```
$('input[name=gender]:checked', formId)
```

```
$('input[name=gender]:checked', formId).val()
```

<html>
 <head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 </head>
 <body>
   <form id="example">
     <label>Male</label>
     <input type="radio" name="gender" value="male" checked>
     <label>Female</label>
     <input type="radio" name="gender" value="female"><br>
   </form>
   <button id="btn">Submit</button>
 </body>
</html>

$(document).ready(function(){
  // execute following function on click of button
  $("#btn").click(function(){
    // get the value of selected radio button
    const value = $('input[name=gender]:checked', '#example').val();

    // print value on console
    console.log(value)
  });
})

button {
    background-color: #00008B;
    color: #ffffff;
    padding: 4px 12px;
    font-size: 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

label {
    font-size: 16px;
}

codemirror

console

How to know which radio button is selected using jQuery

Use jQuery to get the value of a selected radio button by accessing it with its name attribute and using the val() method.

How to know which radio button is selected using jQuery

Example

Explanation

Output