用javascript更新cakephp表單輸入

Question

我在基於相同cakephp表單中的其他輸入來更新cakephp輸入時遇到很多困難。 這是要形成的代碼：

echo $this->Form->input('UnitPrice',['id'=>'unitPrice', 'type' => 'number']);    
echo $this->Form->input('SalePercent', ['id'=>'salePercent', 'type'=>'number']);
echo $this->Form->input('SalePrice', ['id'=>'salePrice', 'readonly'=>'readonly']);

這是jscript：

$('#salePercent').on('input', function() {
         calculate();
        });
        function calculate(){

            var sPercent = parseInt($('#salePercent').val());
            var sPrice="";
            if(isNaN(uPrice) || isNaN(sPercent)){
                sPrice=" ";
               }else{
               sPrice = (uPrice*(1-(sPercent/100))).toFixed(2);
               }

            $('#salePrice').val(sPrice);
        }

我想要實現的是根據“ UnitPrice”和“ SalePrice”輸入的“ SalePrice”更新。 在我上面的當前代碼中，這沒有發生。 我沒有從cakephp表單字段“ SalePrice”得到任何答復。 這有可能嗎？

這是我希望它如何工作的jsfiddle

我真的很抱歉，如果這是一個新手問題，我是javascript新手。

親切的問候

Answer 1

恭喜，它已經開始工作了！ 我測試了jsfiddle，一切正常。