Find Selected Radio Button Value Based on Multiple Attribute Selection

Question

I have 3 different Radio Buttons in a page with the following code

<input type="radio" name"1" value="1">1</input>

<input type="radio" name"2" value="2">2</input>

<input type="radio" name"3" value="3">3</input>

How can I get the value of the selected radio button with different names ?

I tried

var option = $("input[type='radio'][name='1']:checked").val();

But giving Undefined. Any Idea's ?

Answer 1

You need to have them be the same name, otherwise they don't work as radios (they could all be selected), and you need your html to be valid:

 <input type="radio" name="1" value="1">1
 <input type="radio" name="1" value="2">2
 <input type="radio" name="1" value="3">3

Answer 2

You're missing the = when assigning the name attribute.

<input type="radio" name="1" value="1" />
                  <!--  ^

Also, as others have pointed out in comments, input tags are self-closing. (although it does work even with invalid html)

Demo: http://jsfiddle.net/g7RT2/

Answer 3

您在“ name”属性之后错过了“ =”符号，选择器与name = 1条件不匹配： <input type="radio" name"1" value="1">1</input> http：// jsfiddle .net / gLgBj /

Answer 4

here is a working fiddle

http://jsfiddle.net/mW7mk/

your html is not well formated, the input is self closed and name="1" not name"1"

   var options = $("input[type='radio'][name='1']:checked").val();
   alert("test : " + options);

worked just fine with :

   <label><input type="radio" name="1" value="1" checked="checked"/>1</label>
   <label><input type="radio" name="2" value="2"/>2</label>
   <label><input type="radio" name="3" value="3"/>3</label>