jquery - 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);
   })
})