实时计算 使用jQuery实时更新输入 返回

使用jQuery实时更新输入


求赞有赞必回
2025-03-12 02:08:16 (3天前) 
  1.             我正在为百分比创建一个脚本


计算
</跨度>
在我的电子商务上，但我有一个问题。

我想要价格更新

真实
</跨度>

时间
</跨度>
因为我写了字段中的百分比。

所以我做了这个：

＆lt; input type =“text ;
document.getElementsByName（“price”）[0] .value = cost - （cost *（discount / 100））;

  1. }

}
＆LT;脚本＆GT;

但它不能像我想的那样工作……

它没有更新

真实
</跨度>

时间
</跨度>
，为“onchange”。

所以我做了

6 条回复
  1. 0# CTO啊哦 | 2019-08-31 10-32



    只是尝试使用如下所示的keyup监听器。



    1.     
            $(document).ready(function() {
       var copyField = $(‘#copyvalue’);  //field where you want to copy
    2. $(‘input[type=”text”]’).keyup(function() {
          if($(this).val() != ‘’) {
             copyField.val($(this).val());
          }
        });
      });
    3. </code>
    4.

  2. 1# Innate Mind | 2019-08-31 10-32 



    1.     
             $(“input[name=’discount’]”).bind(‘input propertychange’, function() {
          //do your update here
      }
    2. </code>
    3.

  3. 2# Charizard | 2019-08-31 10-32



    几件事：使用jQuery时不需要使用getElementBy ，不需要两次编写相同的函数。



    上

    input

    （而不是更改或键入）两个字段，运行该功能



    1.     
            $(function(){
          $(‘#prized, #cost’).on(‘input’, function(){
          var discount = $(‘#prized’).val();
          var cost = $(‘#cost’).val();
          var price = cost - (cost        (discount / 100));
          $(‘#price’).val(price);
        })
      });
    2. </code>
    3.



    https://jsfiddle.net/popnoodles/npgvmLkc/2/


  4. 3# 易米烊光 | 2019-08-31 10-32



    $（’＃idofelement’）。keydown（function（）{
    …
    }）;


  5. 4# 是吗@ | 2019-08-31 10-32



    我在这里看到2个错误：



    首先，您不是将输入字段的值转换为数字;为此使用parseInt（）。



    其次，使用？type =“number”？声明您的号码输入？正如您将看到的，这增加了可用性。



    回答你的问题：
    如果在updateInput（）中使用parseInt（）并使用

    onkeyup=”updateInput”

    （甚至更好

    onkeypress=”updateInput()”

    这应该工作。看到这个jsfiddle：

    http://jsfiddle.net/da5d92bk/


登录 后才能参与评论