用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，一切正常。