jQuery/jsを使用して、テキストボックス上のテキストを別のテキストボックスにスワップする方法

Question

ラジオボタンをクリックすると、2つのテキストボックスからテキストをスワップする方法。 enter image description here

Answer 1

チェックこの

$("[name='transfer']").click(function(){ 
 
if($(this).val()=="to"){ 
 
var div2 =$('[name="from"]').detach(); 
 
$('#xyz').append(div2); 
 
}else{ 
 
var div1 = $('[name="to"]').detach(); 
 
$('#xyz').append(div1); 
 
} 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label>Transfer to airport<input type="radio" name="transfer" value="to" checked></label> 
 
<label>Transfer from airport<input type="radio" name="transfer" value="from"></label> 
 
<div id="xyz"> 
 
<input type="text" name="to" placeholder="To airport"> 
 
<input type="text" name="from" placeholder="From airport"> 
 
</div>