Javascript 使用jquery/Ajax获取单选按钮值

我有这些单选按钮

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

---

现在，当我执行

console.log

以检查其发送的值时，我总是得到

Head

而不是Tail，即使我选择Tail作为选项。有人能帮我解释一下为什么会这样吗？

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

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

ID

#flip

是唯一的元素（您不能有超过个

#flip

元素）。使用

.flip

代替

#flip

还可以将

id=“flip”

更改为

class=“flip”

id

。\flip

是一个唯一的元素（您不能有多个

\flip

元素）。使用

.flip

代替

#flip

---

并将

id=“flip”

更改为

class=“flip”

id

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

name

属性

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

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

---

id

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

name

属性

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

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

---

按名称而不是id获取值：

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

---

按名称而不是id获取值：

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

---

您不能多次使用同一ID

id=“flip”

=>

class=“flip”

-

$（“#flip”）

=>

$（“.flip”）

，特别是当您尝试与这些元素交互时，它会在和CSS中引起问题。您不能多次使用相同的id

id=“flip”

=>

class=“flip”

-

$（“#flip”）

=>

$（“.flip”）

，特别是当您尝试与这些元素交互时，它会在和CSS中产生问题。那么解决方法是什么？请改用属性选择器

[name=“flip”]

。那么解决方法是什么呢？使用属性选择器代替

[name=“flip”]

。我想应该是这样的。。这给我的结果不是你的。。请检查

$（“输入[name='flip']：已检查”）.val（）我想应该是这样的。。这给我的结果不是你的。。请检查
$（“输入[name='flip']：已检查”）.val（）