台灣最大程式設計社群網站
線上人數
1020
 
會員總數:246691
討論主題:190104
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 有關即時計算
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
有關即時計算
價值 : 10 QP  點閱數:813 回應數:2
樓主

小天
門外漢
0 1
88 12
發送站內信

想自己作個可以輸入數值,且自動計算,不需在透過按鈕。
以下上網找了一段。

<html>
<head>
<script>
function Total(){
txt1 = document.getElementById('textfield').value ;
txt2 = document.getElementById('textfield2').value ;
txt3 = document.getElementById('textfield3').value ;


(txt1!="")?txt1=parseInt(txt1,10):txt1=0 ;
(txt2!="")?txt2=parseInt(txt2,10):txt2=0 ;
(txt3!="")?txt3=parseInt(txt3,10):txt3=0 ;

total = txt1 + txt2 + txt3 ;
document.getElementById('span1').innerHTML = total ;
}
</script>
</head>

<body>
<input type="text" id="textfield" name="textfield" onchange="Total()" />
<input type="text" id="textfield2" name="textfield2" onchange="Total()" />
<input type="text" id="textfield3" name="textfield3" onchange="Total()" />
<br />
<span class="style10" id="span1"> </span>
</body>
</html>



但還是有些不解,這段代表什麼?為什麼要輸入才會有執行動作呢?
(txt1!="")?txt1=parseInt(txt1,10):txt1=0 ;
(txt2!="")?txt2=parseInt(txt2,10):txt2=0 ;
(txt3!="")?txt3=parseInt(txt3,10):txt3=0 ;

本篇文章發表於2014-07-27 02:27
1樓
回應

香帥
檢舉此回應
為什麼要輸入才會有執行動作呢? 因為onchange 所以要輸入就會變動數值,執行onchange事件的Total函數
(txt1!="")?txt1=parseInt(txt1,10):txt1=0 ; 代表 txt1 字串若是空字串,則傳回0,否則傳回該字串轉成十進位的數值
本篇文章回覆於2014-07-27 17:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
(txt2!="")?txt2=parseInt(txt2,10):txt2=0 ;

可以簡化成

txt2= txt2!="" ? parseInt(txt2,10) : 0;
本篇文章回覆於2014-08-09 20:36
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.