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

标签 javascript jquery html

在此,如何使用 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();

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

最佳答案

试试这个:

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

关于javascript - 如何使用 jQuery 在多个单选按钮中选择最新选中的单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11271957/

相关文章:

javascript - 在 <img> 标签的每个父 div 中插入一个按钮

html - 防止缓存 HTML 页面

javascript - jQuery 数据表中的下拉过滤

javascript - Node .js/MySQL : Some string encodings (Emoji) are throwing errors when I try to insert into database

javascript - 在 jQuery.animate 中动态传递 DOM 对象

javascript - 包含一个 HTML/CSS/JS 文件作为代码,不渲染

javascript - 如何在javascript中过滤和添加剩余的obj

javascript - 当用户单击按钮时,如何使 html 运行 javascript 函数?

javascript - CSS 无限循环动画在 iOS 11 的 Safari 11 中不起作用

jquery - 平板电脑版本的 Bootstrap 菜单导航中断