如何在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.