Search code examples
jqueryformsradio-button

how to fetch value from 2 radio buttons in JavaScript after form submission

i have a form with 2 pair of radio buttons i want to fetch the value on form submission in jquery. this code is working fine for single radio button but i dont know how to fetch the value of genderkid the 2nd radio button?

where to add name field in the code???

<form onsubmit="return chk()">
father<input type="radio" name="gender"/>
mother<input type="radio" name="gender"/>
boy<input type="radio" name="genderkid"/>
girl<input type="radio" name="genderkid"/>
</form>
<script>
function chk(){
**var gender = $("input[type=radio]:checked").val();**
}
</script>
Solution

  • Try this

    var gender = $("[name=gender]:checked").val();
var genderkid = $("[name=genderkid]:checked").val();

    OR

    var gender = $("input:radio[name=gender]:checked").val();
var genderkid = $("input:radio[name=genderkid]:checked").val();