Question

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

任何人都可以帮助我吗？

提前致谢！

Answer 1

这应该做：

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

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

Answer 2

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

$(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 3

假设您是或可以使用最新的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!

如果您没有尝试这样做，请重新提问或添加更多信息！

Answer 4

试试这个

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

});

OR

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 5

试试这个，

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

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

5 个答案: