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

add_action('wp_ajax_process_ajax_input', 'callBackFunction_Name');

Answer 2

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

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

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

Answer 3

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

Answer 4

ID #flip是一个唯一元素（您不能拥有多个#flip元素）。使用.flip代替#flip。

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