javascript - 根据选定的单选按钮填充文本框

Question

我有 3 个单选按钮，当其中一个被选中时，我想自动将文本放入文本框中。例如，如果用户选择了“待定”单选按钮，我希望将文本“待建议”放在文本框中，如果他们选择另一个单选按钮，我希望将其清除。

谁能帮我？？

http://jsfiddle.net/ej2hf/1/

提前致谢！

Answer 1

这应该这样做：

$('input[name="dest_type"]').on('change', function() {
    $('input[type="text"]').val($(this).val());
});

现场演示：http: //jsfiddle.net/ej2hf/2/

Answer 2

那就试试这个

http://jsfiddle.net/ipsjolly/KNct8/

$('input[name="dest_type"]').on('change', function() {
    if($(this).val() == "tba"){
        $('input[type="text"]').val($(this).val());
    }
    else
    {
        $('input[type="text"]').val('');
    }

});

​</p>

或者

http://jsfiddle.net/ipsjolly/KNct8/1/

$('input[name="dest_type"]').on('change', function() {
     if($(this).val() == "tba"){
    $('input[type="text"]').val('To Be Advised');
    }
    else
    {
      $('input[type="text"]').val('');
    }

});​

Answer 3

尝试这个，

$(document).ready(function () {
$('input:radio[name="dest_type"]').change(function () {
   $("input:text").val($(this).val());
});
})

Answer 4

除了使用在页面加载时默认选择的值填充文本框之外，请使用以下代码：

$(document).ready(function(){
$('input[type="text"]').val($('input[name="dest_type"]').val());
$('input[name="dest_type"]').on('change', function() {     
$('input[type="text"]').val ($(this).val()); }); 
});

Answer 5

假设你是或者可以使用最新的jQuery，你可以使用这个：

$(function() {
    $('input[name="dest_type"]').on("change", function() {
        $('input[type="text"]').val($(this).val());
    });
});

见小提琴！

---

如果您需要切换 TBA 的值，请使用以下命令：

$(function() {
  $('input[name="dest_type"]').on("change", function() {
    $('input[type="text"]').val( (($(this).val()=='tba')?($(this).val()):('')) );
  });
});

看到这个小提琴！

---

如果这些都不是您想要做的，请改写问题或添加更多信息！