ラジオボタンが3つありますが、そのうちの1つを選択すると、テキストボックスにテキストが自動的に入力されます。たとえば、ユーザーが「TBA」ラジオボタンを選択した場合は、「アドバイス」というテキストをテキストボックスに入力し、別のラジオボタンを選択した場合は、それをクリアします。
誰か助けてもらえますか?
前もって感謝します!
ラジオボタンが3つありますが、そのうちの1つを選択すると、テキストボックスにテキストが自動的に入力されます。たとえば、ユーザーが「TBA」ラジオボタンを選択した場合は、「アドバイス」というテキストをテキストボックスに入力し、別のラジオボタンを選択した場合は、それをクリアします。
誰か助けてもらえますか?
前もって感謝します!
これは行う必要があります:
$('input[name="dest_type"]').on('change', function() {
$('input[type="text"]').val($(this).val());
});
ライブデモ: http: //jsfiddle.net/ej2hf/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('');
}
});
ページの読み込み時にデフォルトで選択されている値をテキストボックスに入力することに加えて、次のコードを使用します。
$(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()); });
});
最新の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()):('')) );
});
});
これがあなたがやろうとしていることのどれでもない場合は、質問を言い換えるか、いくつかの情報を追加してください!
これを試して、
$(document).ready(function () {
$('input:radio[name="dest_type"]').change(function () {
$("input:text").val($(this).val());
});
})