使用jquery可交换地更改两个html输入表单值

interchangeably alter two html input form values using jquery

本文关键字：两个 html 输入 表单 可交换 jquery 使用      更新时间：2023-09-26

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

如何使用jquery//javascript实现这一点。

这里有一个基于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);
        }
    });
});

在jsFiddle上。

相关文章：