Javascript根据另一个文本框的输入更新文本框_Javascript_Textbox

Javascript根据另一个文本框的输入更新文本框

javascript

Javascript根据另一个文本框的输入更新文本框,javascript,textbox,Javascript,Textbox,我基本上希望使用javascript来创建两个相互依赖的文本框。例如，如果我在textbox1中输入一个数字x，我希望textbox2立即更新为x*2。如果我在textbox2中输入x，我希望textbox1自动更新为x/2。这些值将始终是数字编辑：这是我的html文件。有人能给我一个提示为什么它不起作用吗 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <scrip

我基本上希望使用javascript来创建两个相互依赖的文本框。例如，如果我在textbox1中输入一个数字x，我希望textbox2立即更新为x*2。如果我在textbox2中输入x，我希望textbox1自动更新为x/2。这些值将始终是数字

编辑：这是我的html文件。有人能给我一个提示为什么它不起作用吗

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $("#text1").keyup(function(){
            $("#text2").val($(this).val() * 2);
        });
        $("#text2").keyup(function(){
            $("#text1").val($(this).val() / 2);
        });        
    </script>
</head>
<body>
    <input type="text" name="text1" size=3 maxlength=6>
    <input type="text" name="text2" size=3 maxlength=6>
</body>
</html>


$（“#text1”）.keyup（函数（）{
$（“#text2”）.val（$（this.val（）*2）；
});
$（“#text2”）.keyup（函数（）{
$（“#text1”）.val（$（this.val（）/2）；
});

我现在无法测试您需要的确切代码，但基本思想是在每个框上放置一个OnKeyUp事件，并通过脚本修改另一个框（使用getElementById或您喜欢的任何方法）

如果其他人没有先找到，我会尽可能地整理一些代码。

我现在无法测试您需要的确切代码，但基本思想是在每个框上放置一个OnKeyUp事件，并通过脚本修改另一个框（使用getElementById或任何您喜欢的方法）

$("#textbox1").onkeyup(function() {
    $("#textbox2").val($(this).val() * 2);
});

$("#textbox2").onkeyup(function() {
    $("#textbox1").val($(this).val() / 2);
});

如果其他人没有首先使用，我会尽可能地整理一些代码。

使用onchange事件或jquery change回调来更新其他框。

在非常简单的情况下，应该这样做（）：

$("#textbox1").onkeyup(function() {
    $("#textbox2").val($(this).val() * 2);
});

$("#textbox2").onkeyup(function() {
    $("#textbox1").val($(this).val() / 2);
});

//在一个：
window.update=函数（）{
var one=document.getElementById（'one'），
two=document.getElementById（'two'）；
2.value=parseInt（1.value）*2；
}

在非常简单的情况下，应该这样做（）：

//在一个：
window.update=函数（）{
var one=document.getElementById（'one'），
two=document.getElementById（'two'）；
2.value=parseInt（1.value）*2；
}

在这种情况下，应该这样做：

听起来很棒，让我们知道结果如何。如果你有问题，如果/当你尝试/失败，张贴回这里与您的示例代码。像这样？这里也有类似的问题：听起来很棒，让我们知道结果如何。如果你有问题，如果/当你尝试/失败，张贴回这里与您的示例代码。像这样？这里也提出了类似的问题：如果您打算做更多的DOM操作，那么最好采用jQuery这样的框架。如果您打算做更多的DOM操作，那么最好采用jQuery这样的框架。

window.update = function() {
  var one = document.getElementById('one'),
      two = document.getElementById('two');    

  two.value = parseInt(one.value) * 2;
}
window.update1 = function() {
  var one = document.getElementById('one'),
      two = document.getElementById('two');    

  one.value = parseInt(two.value) / 2;
}