根据选定的单选按钮填充文本框答案

【问题标题】：Populate textbox based on selected radio button根据选定的单选按钮填充文本框
【发布时间】：2012-05-17 09:48:29
【问题描述】：

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

谁能帮帮我？？

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

提前致谢！

【问题讨论】：

标签： javascript jquery forms radio-button

【解决方案1】：

应该这样做：

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

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

【讨论】：

您好，Kane :) 效果很好，但我只需要在选择 tba 按钮时显示文本。类似“如果单选按钮值 = tba，则在文本框中输入 'To Be Advised'。
我也做了同样的事情，请看我的回答@Jamesil :)
@Jamesil，啊？我想我错过了那部分。

【解决方案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('');
    }

});

或

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('');
    }

});

【讨论】：

非常感谢！第二个例子正是我所追求的。我只需要在顶部添加“$(document).ready(function(){”。如果这有什么不同的话，它在 jQuery 移动应用程序上。

【解决方案3】：

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

$(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()); }); 
});

【讨论】：

【解决方案4】：

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

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

见Fiddle!

如果您需要切换 TBA 的值，请使用：

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

看到这个Fiddle!

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

【讨论】：

【解决方案5】：

试试这个，

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

【讨论】：