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

我正在尝试使用ajax处理表单，为此我试图获取这些单选按钮的值

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

现在，当我执行console.log来检查其发送的值时，即使我选择“ Tail”作为选择，我总是得到Head而不是Tail。 谁能帮助我，为什么呢？

Answer 1

通过名称而不是id获取值：

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

Answer 2

id不能重复。 它必须是唯一的。在这种情况下，您可以使用name属性

使用名称选择获取选定的单选按钮值

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

Answer 3

您不能多次使用相同的ID！ 这就是为什么它只显示两个之一的原因。

Answer 4

ID #flip是唯一元素（ #flip元素不能超过）。 使用.flip而不是#flip 。

并将id="flip"更改为class="flip"