JQuery 获取单选输入值并打印它

Question

我已经浏览了三个小时了......我只发现了如何从无线电输入中获取值。但是我该如何打印呢？ 假设我有这个输入表单：

<form action="" method="">
<input type="radio" name="time" value="7">7
<input type="radio" name="time" value="14">14
<input type="radio" name="time" value="21">21
<input type="radio" name="time" value="28">28
</form>

还有这个脚本

var time = $('input[name=time]:radio:checked').val();

获得价值...但是我该如何输出呢？ 我创建了<p id="timeDisp"></p> 并使用它：$("#timeDisp").text(time); 但没有成功。那我该怎么做呢？

Answer 1

您的标记中没有预先选择的单选按钮，并且当您使用checked 选择器时，页面加载时val 方法返回undefined，您可以收听更改事件。

$(function() { // when the DOM is ready
   $('input[name=time]').change(function() { // listen to change event
      $("#timeDisp").text(this.value);
   })
})