Search code examples
javascripthtmlformsradio-button

Checking Value of Radio Button Group via JQUERY?

This may seem silly and downright stupid but I can't seem to figure out how to check the value of a radio button group in my HTML form via JavaScript. I have the following code:

<input type="radio" id="genderm" name="gender" value="male" />
<label for="genderm">Male</label>
<input type="radio" id="genderf" name="gender" value="female" />
<label for="genderf">Female</label>

How do I retrieve the value of gender via JavaScript?

Solution

  • If you are using a javascript library like jQuery, it's very easy:

    alert($('input[name=gender]:checked').val());

    This code will select the checked input with gender name, and gets it's value. Simple isn't it?

    Live demo