按了reset button之後點樣get番form default value ?

有張form 俾user 輸入數據


個Product 同 Contamination 數值係js capture input fields 計出來再display出來的

每個input field 個default value 係從db fetch 入來的

個reset button 係給user 用作,有時mess up 啲數值,末save 前可以reset 番default db fetch 入來的value

我係張form 咁寫
calculate 係個js function 來計
  1. <form onreset="calculate()">
  2. </form>
複製代碼
  1. function calculate() {
  2.         var typeinputs = $('.type');
  3.         var total = 0;
  4.         var contaminationvalue = 0;
  5.         
  6.         for (var i=0, l = typeinputs.length; i < l; ++i) total = accAdd(total, typeinputs[i].value);
  7.         contaminationvalue = accSub(1, total);
  8.         
  9.         outHTML = '<span style="color:green">Product : ' + total + '</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + '<span style="color:blue">Contamination : ' + contaminationvalue + '</span>';
  10.         console.log(total);
  11.         console.log(contaminationvalue);
  12.         console.log(outHTML);
  13.    
  14.         $('#typeinfo').html(outHTML);
  15.     }
複製代碼
問題是,每當按reset, 佢只會get last 個input value, 要再按多次先至get 番default value
有咩辦法可以get 番reset嘅value ?
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

回覆 1# takayo72


    加個set timeout delay少少先計

TOP

$('form').on('reset', function(e) {
e.preventDefault();
$('form')[0].reset()
// get the values here
});

TOP

thx......師兄~~~~

TOP