JQuery获得无线电输入值和PRINT IT

时间:2013-04-13 15:11:45

标签: jquery input radio output

我现在已经浏览了三个小时...而且我只发现如何从无线电输入中获取值。但是我该怎么打印呢? 假设我有这样的输入形式:

<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);但没有成功。那我该怎么做呢?

1 个答案:

答案 0 :(得分:1)

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

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