基于选定的单选按钮填充文本框

Question

我有3个单选按钮，当选择其中一个时，我想自动将文本放入文本框中。 例如，如果用户选择'TBA'单选按钮，我希望文本'To Be Advised'放在文本框中，如果他们选择了另一个单选按钮，我希望它被清除。

任何人都可以帮助我？

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

提前感谢！

Answer 1

试试这个，然后

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 2

这应该这样做：

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

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

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

Answer 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!

---

如果没有这是你想要做的，请重新说明问题n或添加更多信息！

Answer 5

试试这个，

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