how can i get the value of radiobox in jquery

Question

<input type="radio" name="religion" class="chk" name="religion" value="muslim">Muslim
<input type="radio" name="religion" class="chk" name="religion" value="christian">Christian
<input type="radio" name="religion" class="chk" name="religion" value="hindu">Hindu

i have tried this, but i am not getting the value, how can i do this ?

var religion = $("name=religion").val();
alert(religion)

Just as a tip, searching "radio jquery" is a lot faster than writing out an entire question. — Adrian Wragg, Oct 28 '16 at 15:07

score 1 · Accepted Answer · answered Oct 28 '16 at 15:02

1

You should get value of pressed checkbox by

var religion = $("input[name=religion]:checked").val();
alert(religion)

answered Oct 28 '16 at 15:02

Sulthan Allaudeen

11,330
12
48
63

1

Thanks !!! its working – priya Oct 28 '16 at 15:18

score 0 · Answer 2 · answered Oct 28 '16 at 15:03

const radio1Value = document.querySelector("input").value;
console.log(radio1Value);

<input type="radio" name="religion" class="chk" name="religion" value="muslim">Muslim
<input type="radio" name="religion" class="chk" name="religion" value="christian">Christian
<input type="radio" name="religion" class="chk" name="religion" value="hindu">Hindu

score 0 · Answer 3 · answered Oct 28 '16 at 15:03

try this

$(document).ready(function(){
        $("input[type='button']").click(function(){
            var radioValue = $("input[name='religion']:checked").val();
            if(radioValue){
                alert("Your are a - " + radioValue);
            }
        });

    });

Demo

score -1 · Answer 4 · answered Oct 28 '16 at 15:04

-1

You have name="religion" twice. You need to change one of them to id="religion". then you can access the value with

var religion = $("#religion").val();

answered Oct 28 '16 at 15:04

SunKnight0

3,331
1
10
8

how can i get the value of radiobox in jquery

4 Answers4