Question

我在页面中有3个不同的单选按钮，代码如下

<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>

如何获取具有不同名称的所选单选按钮的值？

我试过

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

但是给了Undefined。任何想法？

Answer 1

你需要让它们具有相同的名称，否则它们不能用作无线电（它们都可以被选中），并且你需要你的html有效：

 <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

分配=属性时，您错过了name。

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

另外，正如其他人在评论中指出的那样，input标签是自动关闭的。（虽然它甚至可以使用无效的HTML）

演示：http://jsfiddle.net/g7RT2/

Answer 3

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

Answer 4

这是一个工作小提琴

http://jsfiddle.net/mW7mk/

你的html格式不正确，输入是自闭的，而name =“1”不是名字“1”

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

工作得很好：

   <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>

基于多属性选择查找所选单选按钮值

4 个答案: