根據多屬性選擇查找選定的單選按鈕值

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();

但是給未定義。 有任何想法嗎 ？

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”而非name“ 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>