如何使用jQuery / js将文本框上的文本交换到另一个文本框

Question

单击单选按钮时如何交换两个文本框中的文本。 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>