Question

我有3组单选按钮，在选择其中任何一个时，我必须得到该收音机的价值。

使用以下代码

Daily<input type="radio" id="rad" value="daily" />
Weekly<input type="radio" id="rad" name="case" value="weekly"/>
None<input type="radio" id="rad" name="case" value="none"/>
alert("rad------"+$('#rad').val());

它仅首次提醒单选按钮值，并且多个单选按钮似乎已被选中。

Answer 1

元素的id必须是唯一的，因此在这种情况下，您需要找到名为case的已检查单选按钮

为此，您可以使用attribute equals selector和:checked selector

Daily <input type="radio" id="rad" name="case" value="daily" />
Weekly <input type="radio" id="rad" name="case" value="weekly" />
None <input type="radio" id="rad" name="case" value="none" />

alert("rad------"+$('input[type="radio"][name="case"]:checked').val());

Answer 2

您的问题可能在于如何检测事件的变化，您可以执行以下操作：

$('container input:radio').click(function(){
    alert("rad------"+$(this).val());
});

注释

：收音机是[type = radio]

的缩写

替换容器的容器，或者在示例的情况下使用input＃radio。通常，将相同的id分配给一堆输入

并不是一个好主意

Answer 3

只是为了成为一名学生 - 正如Arun P Johny所写的ID必须是唯一的，但在他的例子中，他留下了重复的ID。

应该是：

Daily <input type="radio" name="case" value="daily" />
Weekly <input type="radio" name="case" value="weekly" />
None <input type="radio" name="case" value="none" />
alert("rad------"+$('input[type="radio"][name="case"]:checked').val());

有关详细信息，请参阅Two radio buttons share one "id"?。

Jquery获取所选的单选按钮值

3 个答案: