Question

在xe.com上看到了他们在表单上交换货币的东西。我的网站也需要一些东西。基本上这不是问题，解决问题并在此分享：

HTML

<form target="">
<input name="input1" id="firstinput" value="input #1">
<input name="input2" id="secondinput" value="input 2">
</form>
<a class="swap">Swap</a>

的Javascript

$(document).ready(function () {
    $("a.swap").click(function(){
        var axix = document.getElementById("firstinput").value;
        var byiy = document.getElementById("secondinput").value;
        document.getElementById('secondinput').value = axix;
        document.getElementById('firstinput').value = byiy;
     });
});

演示：http://jsfiddle.net/Z5Vse/

有更好的方法吗？与我们分享。：）

Answer 1

更短（不一定＆＃34;更好＆＃34;）：

$("a.swap").click(function () {
    $('#pickup').val([$('#destination').val(), $('#destination').val($('#pickup').val())][0])
});

<强> jsFiddle example

IMO＆＃34;更好＆＃34;意味着干净，清晰，简洁。

$("a.swap").click(function () {
    var temp = $('#pickup').val();
    $('#pickup').val($('#destination').val())
    $('#destination').val(temp);
});

Answer 2

使用JQUERY和一个较少使用的变量：

$(document).ready(function () {
    $("a.swap").click(function(){
        var axix = $("#pickup").val();        
        $('#pickup').val($("#destination").val());        
        $('#destination').val(axix);        
     });
});

Javascript - 点击时交换输入元素

2 个答案: