程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> javascript-這是一個除法代碼,我想實現自動運算,而不是輸入信息後才運算,如何修改?

javascript-這是一個除法代碼,我想實現自動運算,而不是輸入信息後才運算,如何修改?

編輯:編程解疑
這是一個除法代碼,我想實現自動運算,而不是輸入信息後才運算,如何修改?

是輸入信息後點擊input外邊的范圍才會運算,但是目前已經有信息,如何省卻上述步驟直接運算?

 <html> 
<head> 
<script>
function compute()
{
  var a,b;
  if(document.getElementById("txt1").value!="" && document.getElementById("txt2").value!="")
 {
  a=parseFloat(document.getElementById("txt1").value);
  b=parseFloat(document.getElementById("txt2").value);
  document.getElementById("txt3").value=(a/b).toFixed(2);
 }
}
</script>
</head> 
<body> 
<input onchange="compute()" value="123123"  id="txt1"> 
<input onchange="compute()" value="123123"  id="txt2"> 
<input id="txt3" readonly> 
</body> 
</html>

最佳回答:


兩個地方改一下,把onchange改成oninput,另外加一個onload事件,初始化txt3的值,這樣就可以同時滿足:初始值和自動運算,請看demo

 <html> 
<head>
<script type='text/javascript'>
onload=function(){
    var a=parseFloat(document.getElementById("txt1").value),
    b=parseFloat(document.getElementById("txt2").value);
    document.getElementById("txt3").value=(a/b).toFixed(2);
}

function compute(){
    a=parseFloat(document.getElementById("txt1").value);
    b=parseFloat(document.getElementById("txt2").value);
    if(a!="" && b!=""){
        document.getElementById("txt3").value=(a/b).toFixed(2);
    }
}
</script>
</head> 
<body> 
<input oninput="compute()" value="123123"  id="txt1"> 
<input oninput="compute()" value="123123"  id="txt2"> 
<input id="txt3" readonly>

</body> 
</html>
perhapschen
fenglinstudio
fenglinstudio
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved