Web_Design 板


LINE

我寫了一個JavaScript做的測驗, 用複選的checkbox,測到最後會寫出總分 並且跳出不同的 answer div http://tingmeow.byethost4.com/test/testfj.html 我發現本來會顯示分數,後來改成複數結果就沒有抓到分數了 不知道這程式哪些地方有問題呢? 或是哪裡有需要改良增加的地方呢?? 新手上路,懇請大家多多指教~~感激不盡!! m(__ __)m -- 星球 (*> ω <*) http://catsheue.pixnet.net/blog --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.207.73
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1436074098.A.1C4.html
1F:推 oToToT: 因為你有四個id叫score它只會取第一個 07/05 13:44
2F:→ oToToT: 你可以把那些id="score"改成class="score" 07/05 13:45
3F:→ oToToT: 然後用document.getElementsByClassName('score')跟 07/05 13:46
4F:→ oToToT: 個for迴圈去改score 07/05 13:47
謝謝~~ 這邊不太懂耶 因為我最後的score是總分,從上面十題加下來的分數 所以總分的數值是一樣的,它不能出現在不同的div上嗎?@ @ 另外用for迴圈要怎麼搭配運用呢? 感激感激感激 !!!!! 腦袋有點打結 QQ ※ 編輯: tingmeow (36.224.207.73), 07/05/2015 14:10:11
5F:→ oToToT: 那,看來你不太瞭解id是幹嘛的,簡單來說id就像你的身分證 07/05 14:21
6F:→ oToToT: 字號一樣,是代表你是誰的一個值,所以每個html元件只能有 07/05 14:23
7F:→ oToToT: 一個id,而且不能重複 07/05 14:24
8F:→ oToToT: 而我剛剛用的class屬性則是像在標示每個人的所屬班級,也 07/05 14:26
9F:→ oToToT: 因此可以有很多人在同一個班裡,而班級中的這些人都有同樣 07/05 14:27
10F:→ oToToT: 的特性 07/05 14:27
11F:→ oToToT: code的話如下 07/05 14:29
12F:→ oToToT: var sc = document.getElementsByClassName('score'); 07/05 14:29
13F:→ oToToT: for(var i = 0;i<sc.length;i++){ 07/05 14:29
14F:→ oToToT: sc[i].innerHTML = score; 07/05 14:29
15F:→ oToToT: } 07/05 14:29
天啊啊啊有了有了有了!!!!分數出來了!! ◢▆▅▄▃-甘╰(〒皿〒)╯溫-▃▄▅▆◣ 謝謝你!!! 真是太感激了!! 我也了解意思了~~~ 感動!!! 謝謝這位神人!!! ※ 編輯: tingmeow (36.224.207.73), 07/05/2015 14:44:07 ※ 編輯: tingmeow (36.224.207.73), 07/05/2015 14:45:40
16F:→ oToToT: 對了,我覺得你checkbox跟文字用個label包起來會更好按 07/05 15:32
17F:推 hit1205: 推 label +1 07/06 11:22
18F:→ tingmeow: 謝謝指教^^ 07/07 00:59







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Soft_Job站內搜尋

TOP