如何计算两个输入表单字段并将值放在另一个字段中而不使用jquery提交表单?

我们的确是

我知道这是一个非常基本的问题,但我仍然坚持。我有两个输入框,我想计算这些输入并将结果立即显示到另一个输入(第三个输入)中,而无需提交按钮。我的意思是,一旦我开始将值输入到输入中,结果将在第三个输入中实时显示,这代表结果...

<input type="text" class="input value1">
<input type="text" class="input value2">
<input type="text" disabled="disabled" id="result">

<script>
 $(document).ready(function(){
      var val1 = $(".value1").val();
      var val2 = $(".value2").val();
      $(".input").keyup(function(){
         $("#result").text(val1+val2);
       });
});
</script>
Artem Fitiskin

将val1和val2放在keyup语句中。

$(document).ready(function(){
    $(".input").keyup(function(){
          var val1 = +$(".value1").val();
          var val2 = +$(".value2").val();
          $("#result").val(val1+val2);
    });
});

看小提琴:http//jsfiddle.net/g7zz6/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何计算两个输入表单字段并将值放在另一个字段中,而无需使用带有JSF的jquery提交表单

来自分类Dev

表单字段取决于另一个字段值

来自分类Dev

Laravel 5.6:将不同的表单字段值传递到另一个字段的验证中

来自分类Dev

节点js可以计算两个输入字段的值并更新另一个字段吗?

来自分类Dev

Django-根据另一个字段过滤表单字段queryset

来自分类Dev

如何在 Laravel 中将值从一个表单字段转移到另一个字段?

来自分类Dev

Laravel 5.1当一个方法中需要一个字段而另一个方法中不需要字段时,如何对两个方法使用相同的表单请求规则?

来自分类Dev

附加到另一个字段的下拉列表中的 Yii2 表单字段

来自分类Dev

当另一个字段的值等于某值时,我想用另一个表单字段替换一个表单字段

来自分类Dev

复制表单字段值并将其粘贴到另一个表单/选项卡中?

来自分类Dev

复制表单字段值并将其粘贴到另一个表单/选项卡中?

来自分类Dev

在JavaScript中,如何防止在表单字段中输入数字作为第一个字符?

来自分类Dev

单击另一个字段时,Firefox表单字段会窃取焦点

来自分类Dev

MySQL计算不包含特定值的字段数,并将其存储在另一个字段中

来自分类Dev

JavaScript将表单字段的初始值设置为与另一个字段相同的值吗?

来自分类Dev

Linq 使用 select new 中的值来计算另一个字段

来自分类Dev

从另一个字段上的表单更新表单上的字段(Lotus Notes)

来自分类Dev

从另一个字段上的表单更新表单上的字段(Lotus Notes)

来自分类Dev

如何将一个表中的两个字段关联到另一个表中的一个字段

来自分类Dev

如何使用javascript将一个字段输入值复制到另一个字段输入

来自分类Dev

如何根据另一个字段计算字段值?

来自分类Dev

在另一个字段中显示两个输入字段的相乘结果,并使用jquery对页面上存在的每个其他字段使用相同的代码

来自分类Dev

如何在formik中基于另一个字段设置一个字段的输入值?

来自分类Dev

mysql - 如何在一个字段中替换两个子字符串并将结果插入到另一个字段中

来自分类Dev

如何要求一个字段或另一个字段(或两个其他字段之一),但不是全部?

来自分类Dev

如何在FOSUserBundle中的另一个字段Symfony 2.7中添加注册表单

来自分类Dev

如何取出日期,将其放在另一个字段中并留下时间?

来自分类Dev

如何在提交时仅重置表单中的一个字段

来自分类Dev

Django根据另一个字段表单更新表单

Related 相关文章

  1. 1

    如何计算两个输入表单字段并将值放在另一个字段中,而无需使用带有JSF的jquery提交表单

  2. 2

    表单字段取决于另一个字段值

  3. 3

    Laravel 5.6:将不同的表单字段值传递到另一个字段的验证中

  4. 4

    节点js可以计算两个输入字段的值并更新另一个字段吗?

  5. 5

    Django-根据另一个字段过滤表单字段queryset

  6. 6

    如何在 Laravel 中将值从一个表单字段转移到另一个字段?

  7. 7

    Laravel 5.1当一个方法中需要一个字段而另一个方法中不需要字段时,如何对两个方法使用相同的表单请求规则?

  8. 8

    附加到另一个字段的下拉列表中的 Yii2 表单字段

  9. 9

    当另一个字段的值等于某值时,我想用另一个表单字段替换一个表单字段

  10. 10

    复制表单字段值并将其粘贴到另一个表单/选项卡中?

  11. 11

    复制表单字段值并将其粘贴到另一个表单/选项卡中?

  12. 12

    在JavaScript中,如何防止在表单字段中输入数字作为第一个字符?

  13. 13

    单击另一个字段时,Firefox表单字段会窃取焦点

  14. 14

    MySQL计算不包含特定值的字段数,并将其存储在另一个字段中

  15. 15

    JavaScript将表单字段的初始值设置为与另一个字段相同的值吗?

  16. 16

    Linq 使用 select new 中的值来计算另一个字段

  17. 17

    从另一个字段上的表单更新表单上的字段(Lotus Notes)

  18. 18

    从另一个字段上的表单更新表单上的字段(Lotus Notes)

  19. 19

    如何将一个表中的两个字段关联到另一个表中的一个字段

  20. 20

    如何使用javascript将一个字段输入值复制到另一个字段输入

  21. 21

    如何根据另一个字段计算字段值?

  22. 22

    在另一个字段中显示两个输入字段的相乘结果,并使用jquery对页面上存在的每个其他字段使用相同的代码

  23. 23

    如何在formik中基于另一个字段设置一个字段的输入值?

  24. 24

    mysql - 如何在一个字段中替换两个子字符串并将结果插入到另一个字段中

  25. 25

    如何要求一个字段或另一个字段(或两个其他字段之一),但不是全部?

  26. 26

    如何在FOSUserBundle中的另一个字段Symfony 2.7中添加注册表单

  27. 27

    如何取出日期,将其放在另一个字段中并留下时间?

  28. 28

    如何在提交时仅重置表单中的一个字段

  29. 29

    Django根据另一个字段表单更新表单

热门标签

归档