Question

我在表单上有两个输入，我希望能够互换地改变它们的变量值，这样如果输入一个变量是比特币的当前价格，输入两个变量就是美元：当我输入金额时比特币在输入1中，它会更新输入2中的美元价格，或者如果我输入输入2中的美元价格，它将改变输入1中比特币的价值。

如何使用jquery // javascript完成此操作。

Answer 1

以下是基于1：800汇率的简单示例：

<强> HTML

<form>
    <label for="bitcoin">Bitcoin</label>
    <input type="text" id="bitcoin" value="1">
    <br>
    <label for="usd">USD</label>
    <input type="text" id="usd" value="800">
</form>

JavaScript （需要jQuery）

$(document).ready(function() {

    $('#bitcoin').keyup(function(e) {
        var val = $(e.target).val();
        if( val == undefined ) {
            $('#usd').val("");
        }
        else {
            $('#usd').val(val * 800);
        }
    });

    $('#usd').keyup(function(e) {
        var val = $(e.target).val();
        if( val == undefined ) {
            $('#bitcoin').val("");
        }
        else {
            $('#bitcoin').val(val / 800);
        }
    });

});

Here it is on jsFiddle

使用jquery可互换地改变两个html输入表单值

1 个答案: