jquery - .jquery でフォームを変更する

Question

jqueryでフォームを変更しようとしているのですが、思い通りにできません...

製品のリストを含むフォームがあります。各製品には、input type="number"数量用の入力とパーセンテージ用の 2 番目の入力があります。

ユーザーが入力を変更すると、各製品の価格が次のように jquery で計算されます。$('#products input').on('change', function(){ ... });

うまくいっています。

しかし、私のフォームの一番下には、input type="number"数量とパーセンテージが 2 つあり、ユーザーがこの入力を変更すると、製品の数量 (またはパーセンテージ) のすべての入力が変更されます。しかし、.on('change')私のフォームではアクティブ化されていないため、価格は実現されません。

道に迷った... トリガーを探していますが、実行されません。

誰かが解決策を見たら...

ありがとうございました。

Answer 1

これを試して：

$('#products input').on('change', function(){
    $(this).parents('form').trigger('change');
});

Answer 2

キー イベントをバインドする必要があります。

.on('keypress', function(){});