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

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(){
    警报(jQuery(this).val());
});
</脚本>

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')应该工作正常。