Aktualizowanie danych wejściowych formularza cappephp za pomocą javascript - javascript, php, cakephp

Mam dużo trudności z aktualizacją danych wejściowych cakephp w oparciu o inne dane wejściowe w tej samej formie cakephp. Oto kod, który należy utworzyć:

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"]);

Oto skrypt 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);
}

Chcę uzyskać „SalePrice”aktualizacja na podstawie wprowadzonych wartości „UnitPrice” i „SalePrice”. W przypadku mojego obecnego kodu powyżej tak się nie dzieje. Nie otrzymuję żadnej odpowiedzi z pola formularza cakephp „Cena sprzedaży”. Czy to w ogóle możliwe?

Tutaj jest jsfiddle jak chciałbym, żeby to działało

Naprawdę przepraszam, jeśli to pytanie dla początkujących, jestem nowy w javascript.

Z poważaniem

Odpowiedzi:

Gratulacje, to już działa! Przetestowałem jsfiddle i wszystko działa.