jquery - 在文本输入中显示单选值

Question

我需要做一些(我认为)非常简单的事情，但我没有 jquery 知识，而且它不起作用:我想在文本输入中显示单选输入的值 (#selected)。

在我的文件中，我有:

<div class="current">
    <input id="selected" name="selected" type="text" placeholder="Value1" />
    <ul id="test">
      <li><label><input type="radio" value="Value1" name="type">Value1</label></li>
      <li><label><input type="radio" value="Value2" name="type">Value2</label></li>
    </ul>
 </div>

<script> 
jQuery('label').on('click', function () {
$("selected").text($(this).text());
});
</script> 

我想单击标签，因为广播必须隐藏。

我尝试了很多方法，但都不起作用，有人可以帮助我吗？预先感谢您的帮助 ! :)

Answer 1

我建议:

$('input[type="radio"]').on('change', function(){
    $('#selected').val(this.value);
});

JS Fiddle demo .

因为您有与 input 元素关联的 label 元素，所以 change 事件仍然会被触发(尽管被隐藏)。

为了防止以后触发 change 事件，通过以某种方式取消选中，您可以将上面的内容修改为:

$('input[type="radio"]').on('change', function () {
    $('#selected').val(this.checked ? this.value : $('input[type="radio"][name="' + this.name + '"]:checked').val());
});

JS Fiddle demo .

如果选中了 (this.checked)，这会将值设置为已更改元素的值 (this.value)，或者设置为选中的单选按钮的值否则输入相同的名称。

引用文献:

• on() .
• val() .