Question

我有一个应用程序，我必须执行一个简单的计算，其中每个项目的价格*金额。我试图找出最好的方法。我有一个输入类型=“数字”，我有一个项目价格。每当QTY字段的值发生变化时，我都需要更新我的输入

    $('#add1').click(function () {
    var selected1 = ($('#produceList option:selected').index() - 1);
    myItem1 = pdata[selected1];
    $('#itembox').append('<div id="thep">' + '<p class = "product">' + myItem1.Name + '    ' + myItem1.Price + '</p>' + '<label for="howMAny">Qty:</label>' + '<input id="howMany" type="number" min="0" max="10" value="0">' + '<label for="thisMany">Price:</label>' + '<input type="text" id ="thisMany"readonly>' + '</div>');

Answer 1

您可以简单地使用jQuery的change（）函数。 http://api.jquery.com/change/

更改事件在其值更改时发送到元素。此事件可与元素，框和元素一起使用。对于选择框，复选框和单选按钮，当用户使用鼠标进行选择时会立即触发事件，但对于其他元素类型，事件将延迟，直到元素失去焦点。

Answer 2

您可以使用onchange事件。

当您使用jQueryY

时，此代码应该处理它

$('input').on('change', function() {
  alert( this.value );
})

现在，您可以更新结果，而不是提醒值。

Answer 3

您可以在下面的事件中编写代码。这将在每次文本框中被触发以进行数量更改。

jQuery('#howMany').on('input', function() {
// do your stuff here.
})

每次输入更改时使用Jquery计算

3 个答案: