用jquery/Ajax获取单选按钮值

Question

我有这些单选按钮。

<input type="radio" id="flip" name="flip" value="Head" checked="checked" /> Head 
<input type="radio" id="flip" name="flip" value="Tail" /> Tail 

我试图处理与阿贾克斯一个形式，我试图用这个

var dataString = { 
    flip: $("#flip").val() 
}; 
console.log(dataString.flip); 

得到这些单选按钮的值现在，当我做console.log检查值其发送我总是得到Head而不是尾巴，即使我选择尾巴作为选择。任何人都可以帮助我，为什么这样呢？

Answer 1

获取价值得到选定的单选按钮值：

$("input[name='flip']:checked").val(); 

Answer 2

你不能有多次相同的ID！这是为什么它只显示其中之一的重要原因。

Answer 3

ID #flip是一个独特的元素（您不能有多于#flip元素）。使用.flip而不是#flip。

，改变id="flip"到class="flip"

Answer 4

id不能重复。它必须unique.In这种情况下，你可以使用name属性

使用名称按名称选择不ID

$("input:radio[name=flip]:checked").val();