如何在HTML上作小計

例如我有四個欄位可以填寫數字
第一個欄位是數字X600
第二個欄位是數字X700
第三個欄位是數字X800
第四個欄位是數字X900
假設我在第一個欄位輸入2
則在下面顯示1,200
我第三個欄位輸入2
下面則顯示1,600
並有個TOTAL 2,800

評論

  • 早安
    <script>
      function cal(obj,val,num){
        document.getElementById(obj).value = val * num;
         total();
       }
      function total(){
        document.getElementById('sum').value =  parseInt(document.getElementById('num_1').value) + parseInt(document.getElementById('num_2').value);
      }
    </script>
      <input type="text" onkeyup="cal('num_1',this.value,600)" >
        <br>
      <input type="text" id="num_1" value="0" disabled >
        <br><br>
      <input type="text" onkeyup="cal('num_2',this.value,700)" >
        <br>
      <input type="text" id="num_2" value="0" disabled >       
        <br><br>   
      <input type="text" id="sum" disabled >  	
    
    不知道你是不是要這樣
    要額外判斷輸入的內容
    可以寫在onkeydown
Sign In or Register to comment.