Question

在这个中，如何用jquery选择用户选择最新的单选按钮

<form id = "myform">
<h3>Time to work?</h3>
  <p>
    <input type="radio" name="work" value="Hourly" />
    <input type="radio" name="work" value="Daily" />
    <input type="radio" name="work" value="Weekly" />
  </p>
<h3>Your Age?</h3>   
  <p>
    <input type="radio" name="age" value="old" />
    <input type="radio" name="age" value="young" />
    <input type="radio" name="age" value="child" />
  </p>
</form>

我试过

$('input:checked', '#myform').val();

和

$('input[type='radio']:checked', '#myform').val();

但它总是选择第一个问题的唯一值！有什么帮助吗？

Answer 1

尝试为每个单选按钮添加“单击”侦听器。然后只需将值存储在变量中。

Answer 2

试试这个：

<script type="text/javascript">
jQuery("input[type=radio]").click(function(){
    alert(jQuery(this).val());
});
</script>

Answer 3

您有一些单引号和双引号的语法错误，您可能会注意到代码中的语法突出显示。此外，您还需要使用name属性，而不仅仅是input：

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

演示： http://jsfiddle.net/elclanrs/bHWv7/

Answer 4

$('input[name=radioName]:checked', '#myForm').val()应该为您提供所选的单选按钮值。同样$('input[name=myradiobutton]:radio:checked')应该可以正常工作。

如何使用jQuery在多个单选按钮中选择最新选中的单选按钮

4 个答案: