[問題] javascript小問題

看板Web_Design作者 (黑影)時間9年前 (2016/08/08 06:17), 編輯推噓3(304)
留言7則, 4人參與, 最新討論串1/1
打擾一下 我最近在學javascript 看網路教學後綜合做了一個select和radio有加減的函式 但一直沒成功 也找不到錯在哪裡 請大大們指點指點 大意為checked*selected+input1輸入之數值=輸出到input2 以下為程式碼 <html> <head> <title></title> <script> function _click(theform){ var rl = theform._radio.length; var sl = theform._select.option.length; for(var i=0;i<rl;i++) { if(theform.radio[i].checked) { var rv = theform._radio[i].value; } }//radio for(var i=0;i<sl;i++) { if(theform._select.option[i].selected) { var sv = theform._select.option[i].value; } }//select var inpva = parseInt(document.getElementById("_input1").value;) var aaaa= parseInt(sv*rv); document.getElementById("_input2").value= aaaa+inpva ; } </script> </head> <body> <form> <input type="radio" name="_radio" value="10">10</input> <input type="radio" name="_radio" value="20">20</input> <select name="_select"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <input type="text" name="_input1" id="_input1"> <button type="reset" value="">清除</button> <button onclick="_click(this.form)">=</button> <input type="text" readonly="true" name="_input2" id="_input2"> </form> </body> </html> -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.118.38.177 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1470608258.A.476.html

08/08 07:50, , 1F
aaaa取不到sv,rv的值吧! 因為是區域變數
08/08 07:50, 1F

08/08 07:51, , 2F
建議你可以在每一行alert或印log觀查數值變化@_@
08/08 07:51, 2F

08/08 09:22, , 3F
其實那兩個可以不用for,直接選到checked跟selected就好了
08/08 09:22, 3F

08/08 16:54, , 4F
08/08 16:54, 4F

08/08 16:56, , 5F
主要問題大致有 form結構、local variable、NaN判斷
08/08 16:56, 5F

08/08 18:13, , 6F
謝謝各位回答,我會再看看,果然沒麼簡單XD
08/08 18:13, 6F

08/08 18:15, , 7F
devi1115789感謝詳細教學
08/08 18:15, 7F
文章代碼(AID): #1NfxE2Hs (Web_Design)
文章代碼(AID): #1NfxE2Hs (Web_Design)