473,394 Members | 1,932 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,394 software developers and data experts.

How do I add (sum) individual radio buttons?

AshTech
I have programmed an online assessment which can calculate the total score and display it as a percentage. However, each of the questions pertain to different categories and I would like to be able to calculate and show the results for the different categories. Example: I need to sum radio buttons 1, 9, 17, 25 & 33 for the "career" category and display the result in the "career" category text field in the results box at the bottom of the page. I have 8 categories and don't want to put all the questions for each category together because the person taking the assessment will figure out how it's calculated and might manipulate it to get a higher score. I have googled so many alternatives and they only show adding(sum) radio buttons consecutively. Please can someone help me with the code for this as I have no clue and have spent 2 days trying to figure it out. My code so far is as follows:

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. </head>
  7.  
  8. <body>
  9. <script type="text/javascript">
  10. function total(frm) {
  11.   var tot=0;
  12.   for(var i=0; i<frm.elements.length; i++) {
  13.     if(frm.elements[i].type=="checkbox" || frm.elements[i].type=="radio") {
  14.       if(frm.elements[i].checked) tot+=Number(frm.elements[i].value);
  15.     }
  16.   }
  17.   document.getElementById("totalDiv").firstChild.data=tot*4/8+"%";
  18. }
  19. </script>
  20.  
  21. <form action="nextpage" method="post" id="theForm">
  22.  
  23. <div align="center">
  24. <center>
  25. <table bordercolor="#00659c" cellspacing="0" width="814" border="1" frame="box">
  26. <tr>
  27. <td align="center" bgcolor="#00659c" colspan="6"><b><font color="#ffffff" size="3">Quality of Life Assessment</font></b></td>
  28. </tr>
  29.  
  30. <tr>
  31. <td align="center" width="461"><font size="3">Section 1</font></td> 
  32. <td align="center" width="66"><b><font size="2">Strongly Agree</font></b></td>
  33. <td align="center" width="66"><b><font size="2">Agree</font></b></td>
  34. <td align="center" width="64"><b><font size="2">Neutral</font></b></td> 
  35. <td align="center" width="67"><b><font size="2">Disagree</font></b></td> 
  36. <td align="center" width="64"><b><font size="2">Strongly Disagree</font></b></td>
  37. </tr>
  38.  
  39. <tr>
  40. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">1. My career allows me to be true to myself</font></div></td> 
  41. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="5" name="radio1" onclick="total(this.form);"></td>
  42. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="4" name="radio1" onclick="total(this.form);"></td>
  43. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="3" name="radio1" onclick="total(this.form);"></td> 
  44. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="2" name="radio1" onclick="total(this.form);"></td> 
  45. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="1" name="radio1" onclick="total(this.form);"></td>
  46. </tr>
  47.  
  48. <tr>
  49. <td align="right"><div align="left"><font size="3">2. I spend enough quality time with my loved ones</font></div></td> 
  50. <td align="center"><input tabindex="2" type="radio" value="5" name="radio2" onclick="total(this.form);"></td>
  51. <td align="center"><input tabindex="2" type="radio" value="4" name="radio2" onclick="total(this.form);"></td>
  52. <td align="center"><input tabindex="2" type="radio" value="3" name="radio2" onclick="total(this.form);"></td> 
  53. <td align="center"><input tabindex="2" type="radio" value="2" name="radio2" onclick="total(this.form);"></td> 
  54. <td align="center"><input tabindex="2" type="radio" value="1" name="radio2" onclick="total(this.form);"></td>
  55. </tr>
  56.  
  57. <tr>
  58. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">3. I take action on financial opportunities which come my way</font></div></td> 
  59. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="5" name="radio3" onclick="total(this.form);"></td>
  60. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="4" name="radio3" onclick="total(this.form);"></td>
  61. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="3" name="radio3" onclick="total(this.form);"></td> 
  62. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="2" name="radio3" onclick="total(this.form);"></td> 
  63. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="1" name="radio3" onclick="total(this.form);"></td>
  64. </tr>
  65.  
  66. <tr>
  67. <td align="right"><div align="left"><font size="3">4. I feed my enquiring mind</font></div></td> 
  68. <td align="center"><input tabindex="4" type="radio" value="5" name="radio4" onclick="total(this.form);"></td>
  69. <td align="center"><input tabindex="4" type="radio" value="4" name="radio4" onclick="total(this.form);"></td>
  70. <td align="center"><input tabindex="4" type="radio" value="3" name="radio4" onclick="total(this.form);"></td> 
  71. <td align="center"><input tabindex="4" type="radio" value="2" name="radio4" onclick="total(this.form);"></td> 
  72. <td align="center"><input tabindex="4" type="radio" value="1" name="radio4" onclick="total(this.form);"></td>
  73. </tr>
  74.  
  75. <tr>
  76. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">5. I take time to recharge</font></div></td> 
  77. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="5" name="radio5" onclick="total(this.form);"></td>
  78. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="4" name="radio5" onclick="total(this.form);"></td>
  79. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="3" name="radio5" onclick="total(this.form);"></td> 
  80. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="2" name="radio5" onclick="total(this.form);"></td> 
  81. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="1" name="radio5" onclick="total(this.form);"></td>
  82. </tr>
  83.  
  84. <tr>
  85. <td align="right"><div align="left"><font size="3">6. I engage meaningfully with others</font></div></td> 
  86. <td align="center"><input tabindex="6" type="radio" value="5" name="radio6" onclick="total(this.form);"></td>
  87. <td align="center"><input tabindex="6" type="radio" value="4" name="radio6" onclick="total(this.form);"></td>
  88. <td align="center"><input tabindex="6" type="radio" value="3" name="radio6" onclick="total(this.form);"></td> 
  89. <td align="center"><input tabindex="6" type="radio" value="2" name="radio6" onclick="total(this.form);"></td> 
  90. <td align="center"><input tabindex="6" type="radio" value="1" name="radio6" onclick="total(this.form);"></td>
  91. </tr>
  92.  
  93. <tr>
  94. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">7. I take time for self reflection</font></div></td> 
  95. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio7" onclick="total(this.form);"></td>
  96. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio7" onclick="total(this.form);"></td>
  97. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio7" onclick="total(this.form);"></td> 
  98. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio7" onclick="total(this.form);"></td> 
  99. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio7" onclick="total(this.form);"></td>
  100. </tr>
  101. <tr>
  102. <td align="right"><div align="left"><font size="3">8. I assess my health status annually</font></div></td> 
  103. <td align="center"><input tabindex="6" type="radio" value="5" name="radio8" onclick="total(this.form);"></td>
  104. <td align="center"><input tabindex="6" type="radio" value="4" name="radio8" onclick="total(this.form);"></td>
  105. <td align="center"><input tabindex="6" type="radio" value="3" name="radio8" onclick="total(this.form);"></td> 
  106. <td align="center"><input tabindex="6" type="radio" value="2" name="radio8" onclick="total(this.form);"></td> 
  107. <td align="center"><input tabindex="6" type="radio" value="1" name="radio8" onclick="total(this.form);"></td>
  108. </tr>
  109. <tr>
  110. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">9. I constantly innovate how I work</font></div></td> 
  111. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio9" onclick="total(this.form);"></td>
  112. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio9" onclick="total(this.form);"></td>
  113. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio9" onclick="total(this.form);"></td> 
  114. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio9" onclick="total(this.form);"></td> 
  115. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio9" onclick="total(this.form);"></td>
  116. </tr>
  117. <tr>
  118. <td align="right"><div align="left"><font size="3">10. My home is a true reflection of my values and needs</font></div></td> 
  119. <td align="center"><input tabindex="6" type="radio" value="5" name="radio10" onclick="total(this.form);"></td>
  120. <td align="center"><input tabindex="6" type="radio" value="4" name="radio10" onclick="total(this.form);"></td>
  121. <td align="center"><input tabindex="6" type="radio" value="3" name="radio10" onclick="total(this.form);"></td> 
  122. <td align="center"><input tabindex="6" type="radio" value="2" name="radio10" onclick="total(this.form);"></td> 
  123. <td align="center"><input tabindex="6" type="radio" value="1" name="radio10" onclick="total(this.form);"></td>
  124. </tr>
  125. <tr>
  126. <td align="center" bgcolor="#00659c" width="461"><font size="3"></font></td> 
  127. <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  128. <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  129. <td align="center" bgcolor="#00659c" width="64">&nbsp;</td> 
  130. <td align="center" bgcolor="#00659c" width="67">&nbsp;</td> 
  131. <td align="center" bgcolor="#00659c" width="64">&nbsp;</td>
  132. </tr>
  133. <tr>
  134. <td align="center" width="461"><font size="3">Section 2</font></td> 
  135. <td align="center" width="66"><b><font size="2">Strongly Agree</font></b></td>
  136. <td align="center" width="66"><b><font size="2">Agree</font></b></td>
  137. <td align="center" width="64"><b><font size="2">Neutral</font></b></td> 
  138. <td align="center" width="67"><b><font size="2">Disagree</font></b></td> 
  139. <td align="center" width="64"><b><font size="2">Strongly Disagree</font></b></td>
  140. </tr>
  141. <tr>
  142. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">11. I have multiple passive income streams</font></div></td> 
  143. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="5" name="radio11" onclick="total(this.form);"></td>
  144. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="4" name="radio11" onclick="total(this.form);"></td>
  145. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="3" name="radio11" onclick="total(this.form);"></td> 
  146. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="2" name="radio11" onclick="total(this.form);"></td> 
  147. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="1" name="radio11" onclick="total(this.form);"></td>
  148. </tr>
  149.  
  150. <tr>
  151. <td align="right"><div align="left"><font size="3">12. I am committed to my goals</font></div></td> 
  152. <td align="center"><input tabindex="2" type="radio" value="5" name="radio12" onclick="total(this.form);"></td>
  153. <td align="center"><input tabindex="2" type="radio" value="4" name="radio12" onclick="total(this.form);"></td>
  154. <td align="center"><input tabindex="2" type="radio" value="3" name="radio12" onclick="total(this.form);"></td> 
  155. <td align="center"><input tabindex="2" type="radio" value="2" name="radio12" onclick="total(this.form);"></td> 
  156. <td align="center"><input tabindex="2" type="radio" value="1" name="radio12" onclick="total(this.form);"></td>
  157. </tr>
  158.  
  159. <tr>
  160. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">13. I live passionately</font></div></td> 
  161. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="5" name="radio13" onclick="total(this.form);"></td>
  162. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="4" name="radio13" onclick="total(this.form);"></td>
  163. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="3" name="radio13" onclick="total(this.form);"></td> 
  164. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="2" name="radio13" onclick="total(this.form);"></td> 
  165. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="1" name="radio13" onclick="total(this.form);"></td>
  166. </tr>
  167.  
  168. <tr>
  169. <td align="right"><div align="left"><font size="3">14. I am comfortable with my uniqueness</font></div></td> 
  170. <td align="center"><input tabindex="4" type="radio" value="5" name="radio14" onclick="total(this.form);"></td>
  171. <td align="center"><input tabindex="4" type="radio" value="4" name="radio14" onclick="total(this.form);"></td>
  172. <td align="center"><input tabindex="4" type="radio" value="3" name="radio14" onclick="total(this.form);"></td> 
  173. <td align="center"><input tabindex="4" type="radio" value="2" name="radio14" onclick="total(this.form);"></td> 
  174. <td align="center"><input tabindex="4" type="radio" value="1" name="radio14" onclick="total(this.form);"></td>
  175. </tr>
  176.  
  177. <tr>
  178. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">15. I find answers within myself</font></div></td> 
  179. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="5" name="radio15" onclick="total(this.form);"></td>
  180. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="4" name="radio15" onclick="total(this.form);"></td>
  181. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="3" name="radio15" onclick="total(this.form);"></td> 
  182. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="2" name="radio15" onclick="total(this.form);"></td> 
  183. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="1" name="radio15" onclick="total(this.form);"></td>
  184. </tr>
  185.  
  186. <tr>
  187. <td align="right"><div align="left"><font size="3">16. I feel inspired and energetic</font></div></td> 
  188. <td align="center"><input tabindex="6" type="radio" value="5" name="radio16" onclick="total(this.form);"></td>
  189. <td align="center"><input tabindex="6" type="radio" value="4" name="radio16" onclick="total(this.form);"></td>
  190. <td align="center"><input tabindex="6" type="radio" value="3" name="radio16" onclick="total(this.form);"></td> 
  191. <td align="center"><input tabindex="6" type="radio" value="2" name="radio16" onclick="total(this.form);"></td> 
  192. <td align="center"><input tabindex="6" type="radio" value="1" name="radio16" onclick="total(this.form);"></td>
  193. </tr>
  194.  
  195. <tr>
  196. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">17. I have a clear vision for my life</font></div></td> 
  197. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio17" onclick="total(this.form);"></td>
  198. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio17" onclick="total(this.form);"></td>
  199. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio17" onclick="total(this.form);"></td> 
  200. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio17" onclick="total(this.form);"></td> 
  201. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio17" onclick="total(this.form);"></td>
  202. </tr>
  203. <tr>
  204. <td align="right"><div align="left"><font size="3">18. I am patient with those around me</font></div></td> 
  205. <td align="center"><input tabindex="6" type="radio" value="5" name="radio18" onclick="total(this.form);"></td>
  206. <td align="center"><input tabindex="6" type="radio" value="4" name="radio18" onclick="total(this.form);"></td>
  207. <td align="center"><input tabindex="6" type="radio" value="3" name="radio18" onclick="total(this.form);"></td> 
  208. <td align="center"><input tabindex="6" type="radio" value="2" name="radio18" onclick="total(this.form);"></td> 
  209. <td align="center"><input tabindex="6" type="radio" value="1" name="radio18" onclick="total(this.form);"></td>
  210. </tr>
  211. <tr>
  212. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">19. I am responsible with my money</font></div></td> 
  213. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio19" onclick="total(this.form);"></td>
  214. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio19" onclick="total(this.form);"></td>
  215. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio19" onclick="total(this.form);"></td> 
  216. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio19" onclick="total(this.form);"></td> 
  217. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio19" onclick="total(this.form);"></td>
  218. </tr>
  219. <tr>
  220. <td align="right"><div align="left"><font size="3">20. I change what no longer serves me</font></div></td> 
  221. <td align="center"><input tabindex="6" type="radio" value="5" name="radio20" onclick="total(this.form);"></td>
  222. <td align="center"><input tabindex="6" type="radio" value="4" name="radio20" onclick="total(this.form);"></td>
  223. <td align="center"><input tabindex="6" type="radio" value="3" name="radio20" onclick="total(this.form);"></td> 
  224. <td align="center"><input tabindex="6" type="radio" value="2" name="radio20" onclick="total(this.form);"></td> 
  225. <td align="center"><input tabindex="6" type="radio" value="1" name="radio20" onclick="total(this.form);"></td>
  226. </tr>
  227. <tr>
  228. <td align="center" bgcolor="#00659c" width="461"><font size="3"></font></td> 
  229. <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  230. <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  231. <td align="center" bgcolor="#00659c" width="64">&nbsp;</td> 
  232. <td align="center" bgcolor="#00659c" width="67">&nbsp;</td> 
  233. <td align="center" bgcolor="#00659c" width="64">&nbsp;</td>
  234. </tr>
  235. <tr>
  236. <td align="center" width="461"><font size="3">Section 3</font></td> 
  237. <td align="center" width="66"><b><font size="2">Strongly Agree</font></b></td>
  238. <td align="center" width="66"><b><font size="2">Agree</font></b></td>
  239. <td align="center" width="64"><b><font size="2">Neutral</font></b></td> 
  240. <td align="center" width="67"><b><font size="2">Disagree</font></b></td> 
  241. <td align="center" width="64"><b><font size="2">Strongly Disagree</font></b></td>
  242. </tr>
  243. <tr>
  244. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">21. I am able to laugh often</font></div></td> 
  245. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="5" name="radio21" onclick="total(this.form);"></td>
  246. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="4" name="radio21" onclick="total(this.form);"></td>
  247. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="3" name="radio21" onclick="total(this.form);"></td> 
  248. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="2" name="radio21" onclick="total(this.form);"></td> 
  249. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="1" name="radio21" onclick="total(this.form);"></td>
  250. </tr>
  251.  
  252. <tr>
  253. <td align="right"><div align="left"><font size="3">22. I am mindful of my impact on those around me</font></div></td> 
  254. <td align="center"><input tabindex="2" type="radio" value="5" name="radio22" onclick="total(this.form);"></td>
  255. <td align="center"><input tabindex="2" type="radio" value="4" name="radio22" onclick="total(this.form);"></td>
  256. <td align="center"><input tabindex="2" type="radio" value="3" name="radio22" onclick="total(this.form);"></td> 
  257. <td align="center"><input tabindex="2" type="radio" value="2" name="radio22" onclick="total(this.form);"></td> 
  258. <td align="center"><input tabindex="2" type="radio" value="1" name="radio22" onclick="total(this.form);"></td>
  259. </tr>
  260.  
  261. <tr>
  262. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">23. I feel connected to Spirit</font></div></td> 
  263. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="5" name="radio23" onclick="total(this.form);"></td>
  264. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="4" name="radio23" onclick="total(this.form);"></td>
  265. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="3" name="radio23" onclick="total(this.form);"></td> 
  266. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="2" name="radio23" onclick="total(this.form);"></td> 
  267. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="1" name="radio23" onclick="total(this.form);"></td>
  268. </tr>
  269.  
  270. <tr>
  271. <td align="right"><div align="left"><font size="3">24. I exercise regularly</font></div></td> 
  272. <td align="center"><input tabindex="4" type="radio" value="5" name="radio24" onclick="total(this.form);"></td>
  273. <td align="center"><input tabindex="4" type="radio" value="4" name="radio24" onclick="total(this.form);"></td>
  274. <td align="center"><input tabindex="4" type="radio" value="3" name="radio24" onclick="total(this.form);"></td> 
  275. <td align="center"><input tabindex="4" type="radio" value="2" name="radio24" onclick="total(this.form);"></td> 
  276. <td align="center"><input tabindex="4" type="radio" value="1" name="radio24" onclick="total(this.form);"></td>
  277. </tr>
  278.  
  279. <tr>
  280. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">25. I get recognised for my contribution for my work</font></div></td> 
  281. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="5" name="radio25" onclick="total(this.form);"></td>
  282. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="4" name="radio25" onclick="total(this.form);"></td>
  283. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="3" name="radio25" onclick="total(this.form);"></td> 
  284. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="2" name="radio25" onclick="total(this.form);"></td> 
  285. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="1" name="radio25" onclick="total(this.form);"></td>
  286. </tr>
  287.  
  288. <tr>
  289. <td align="right"><div align="left"><font size="3">26. I give willingly of myself</font></div></td> 
  290. <td align="center"><input tabindex="6" type="radio" value="5" name="radio26" onclick="total(this.form);"></td>
  291. <td align="center"><input tabindex="6" type="radio" value="4" name="radio26" onclick="total(this.form);"></td>
  292. <td align="center"><input tabindex="6" type="radio" value="3" name="radio26" onclick="total(this.form);"></td> 
  293. <td align="center"><input tabindex="6" type="radio" value="2" name="radio26" onclick="total(this.form);"></td> 
  294. <td align="center"><input tabindex="6" type="radio" value="1" name="radio26" onclick="total(this.form);"></td>
  295. </tr>
  296.  
  297. <tr>
  298. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">27. I spend less than I earn</font></div></td> 
  299. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio27" onclick="total(this.form);"></td>
  300. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio27" onclick="total(this.form);"></td>
  301. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio27" onclick="total(this.form);"></td> 
  302. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio27" onclick="total(this.form);"></td> 
  303. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio27" onclick="total(this.form);"></td>
  304. </tr>
  305. <tr>
  306. <td align="right"><div align="left"><font size="3">28. I constantly challenge my assumptions</font></div></td> 
  307. <td align="center"><input tabindex="6" type="radio" value="5" name="radio28" onclick="total(this.form);"></td>
  308. <td align="center"><input tabindex="6" type="radio" value="4" name="radio28" onclick="total(this.form);"></td>
  309. <td align="center"><input tabindex="6" type="radio" value="3" name="radio28" onclick="total(this.form);"></td> 
  310. <td align="center"><input tabindex="6" type="radio" value="2" name="radio28" onclick="total(this.form);"></td> 
  311. <td align="center"><input tabindex="6" type="radio" value="1" name="radio28" onclick="total(this.form);"></td>
  312. </tr>
  313. <tr>
  314. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">29. I experience joy in my life</font></div></td> 
  315. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio29" onclick="total(this.form);"></td>
  316. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio29" onclick="total(this.form);"></td>
  317. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio29" onclick="total(this.form);"></td> 
  318. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio29" onclick="total(this.form);"></td> 
  319. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio29" onclick="total(this.form);"></td>
  320. </tr>
  321. <tr>
  322. <td align="right"><div align="left"><font size="3">30. I am able to forgive and forget</font></div></td> 
  323. <td align="center"><input tabindex="6" type="radio" value="5" name="radio30" onclick="total(this.form);"></td>
  324. <td align="center"><input tabindex="6" type="radio" value="4" name="radio30" onclick="total(this.form);"></td>
  325. <td align="center"><input tabindex="6" type="radio" value="3" name="radio30" onclick="total(this.form);"></td> 
  326. <td align="center"><input tabindex="6" type="radio" value="2" name="radio30" onclick="total(this.form);"></td> 
  327. <td align="center"><input tabindex="6" type="radio" value="1" name="radio30" onclick="total(this.form);"></td>
  328. </tr>
  329. <tr>
  330. <td align="center" bgcolor="#00659c" width="461"><font size="3"></font></td> 
  331. <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  332. <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  333. <td align="center" bgcolor="#00659c" width="64">&nbsp;</td> 
  334. <td align="center" bgcolor="#00659c" width="67">&nbsp;</td> 
  335. <td align="center" bgcolor="#00659c" width="64">&nbsp;</td>
  336. </tr>
  337. <tr>
  338. <td align="center" width="461"><font size="3">Section 4</font></td> 
  339. <td align="center" width="66"><b><font size="2">Strongly Agree</font></b></td>
  340. <td align="center" width="66"><b><font size="2">Agree</font></b></td>
  341. <td align="center" width="64"><b><font size="2">Neutral</font></b></td> 
  342. <td align="center" width="67"><b><font size="2">Disagree</font></b></td> 
  343. <td align="center" width="64"><b><font size="2">Strongly Disagree</font></b></td>
  344. </tr>
  345. <tr>
  346. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">31. My spirit, mind and body are aligned</font></div></td> 
  347. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="5" name="radio31" onclick="total(this.form);"></td>
  348. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="4" name="radio31" onclick="total(this.form);"></td>
  349. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="3" name="radio31" onclick="total(this.form);"></td> 
  350. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="2" name="radio31" onclick="total(this.form);"></td> 
  351. <td align="center" bgcolor="#DDE4FA"><input tabindex="1" type="radio" value="1" name="radio31" onclick="total(this.form);"></td>
  352. </tr>
  353.  
  354. <tr>
  355. <td align="right"><div align="left"><font size="3">32. I am comfortable with my self image</font></div></td> 
  356. <td align="center"><input tabindex="2" type="radio" value="5" name="radio32" onclick="total(this.form);"></td>
  357. <td align="center"><input tabindex="2" type="radio" value="4" name="radio32" onclick="total(this.form);"></td>
  358. <td align="center"><input tabindex="2" type="radio" value="3" name="radio32" onclick="total(this.form);"></td> 
  359. <td align="center"><input tabindex="2" type="radio" value="2" name="radio32" onclick="total(this.form);"></td> 
  360. <td align="center"><input tabindex="2" type="radio" value="1" name="radio32" onclick="total(this.form);"></td>
  361. </tr>
  362.  
  363. <tr>
  364. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">33. I consistently use my strengths in my work</font></div></td> 
  365. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="5" name="radio33" onclick="total(this.form);"></td>
  366. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="4" name="radio33" onclick="total(this.form);"></td>
  367. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="3" name="radio33" onclick="total(this.form);"></td> 
  368. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="2" name="radio33" onclick="total(this.form);"></td> 
  369. <td align="center" bgcolor="#DDE4FA"><input tabindex="3" type="radio" value="1" name="radio33" onclick="total(this.form);"></td>
  370. </tr>
  371.  
  372. <tr>
  373. <td align="right"><div align="left"><font size="3">34. I set and communicate clear boundaries</font></div></td> 
  374. <td align="center"><input tabindex="4" type="radio" value="5" name="radio34" onclick="total(this.form);"></td>
  375. <td align="center"><input tabindex="4" type="radio" value="4" name="radio34" onclick="total(this.form);"></td>
  376. <td align="center"><input tabindex="4" type="radio" value="3" name="radio34" onclick="total(this.form);"></td> 
  377. <td align="center"><input tabindex="4" type="radio" value="2" name="radio34" onclick="total(this.form);"></td> 
  378. <td align="center"><input tabindex="4" type="radio" value="1" name="radio34" onclick="total(this.form);"></td>
  379. </tr>
  380.  
  381. <tr>
  382. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">35. I deserve abundance &amp; prosperity</font></div></td> 
  383. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="5" name="radio35" onclick="total(this.form);"></td>
  384. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="4" name="radio35" onclick="total(this.form);"></td>
  385. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="3" name="radio35" onclick="total(this.form);"></td> 
  386. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="2" name="radio35" onclick="total(this.form);"></td> 
  387. <td align="center" bgcolor="#DDE4FA"><input tabindex="5" type="radio" value="1" name="radio35" onclick="total(this.form);"></td>
  388. </tr>
  389.  
  390. <tr>
  391. <td align="right"><div align="left"><font size="3">36. I consistently apply what I learn</font></div></td> 
  392. <td align="center"><input tabindex="6" type="radio" value="5" name="radio36" onclick="total(this.form);"></td>
  393. <td align="center"><input tabindex="6" type="radio" value="4" name="radio36" onclick="total(this.form);"></td>
  394. <td align="center"><input tabindex="6" type="radio" value="3" name="radio36" onclick="total(this.form);"></td> 
  395. <td align="center"><input tabindex="6" type="radio" value="2" name="radio36" onclick="total(this.form);"></td> 
  396. <td align="center"><input tabindex="6" type="radio" value="1" name="radio36" onclick="total(this.form);"></td>
  397. </tr>
  398.  
  399. <tr>
  400. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">37. I take regular holiday breaks</font></div></td> 
  401. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio37" onclick="total(this.form);"></td>
  402. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio37" onclick="total(this.form);"></td>
  403. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio37" onclick="total(this.form);"></td> 
  404. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio37" onclick="total(this.form);"></td> 
  405. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio37" onclick="total(this.form);"></td>
  406. </tr>
  407. <tr>
  408. <td align="right"><div align="left"><font size="3">38. I focus on what I have in common with others</font></div></td> 
  409. <td align="center"><input tabindex="6" type="radio" value="5" name="radio38" onclick="total(this.form);"></td>
  410. <td align="center"><input tabindex="6" type="radio" value="4" name="radio38" onclick="total(this.form);"></td>
  411. <td align="center"><input tabindex="6" type="radio" value="3" name="radio38" onclick="total(this.form);"></td> 
  412. <td align="center"><input tabindex="6" type="radio" value="2" name="radio38" onclick="total(this.form);"></td> 
  413. <td align="center"><input tabindex="6" type="radio" value="1" name="radio38" onclick="total(this.form);"></td>
  414. </tr>
  415. <tr>
  416. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">9. I am involved in community service</font></div></td> 
  417. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="5" name="radio39" onclick="total(this.form);"></td>
  418. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="4" name="radio39" onclick="total(this.form);"></td>
  419. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="3" name="radio39" onclick="total(this.form);"></td> 
  420. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="2" name="radio39" onclick="total(this.form);"></td> 
  421. <td align="center" bgcolor="#DDE4FA"><input tabindex="7" type="radio" value="1" name="radio39" onclick="total(this.form);"></td>
  422. </tr>
  423. <tr>
  424. <td align="right"><div align="left"><font size="3">40. I follow a healthy lifestyle</font></div></td> 
  425. <td align="center"><input tabindex="6" type="radio" value="5" name="radio40" onclick="total(this.form);"></td>
  426. <td align="center"><input tabindex="6" type="radio" value="4" name="radio40" onclick="total(this.form);"></td>
  427. <td align="center"><input tabindex="6" type="radio" value="3" name="radio40" onclick="total(this.form);"></td> 
  428. <td align="center"><input tabindex="6" type="radio" value="2" name="radio40" onclick="total(this.form);"></td> 
  429. <td align="center"><input tabindex="6" type="radio" value="1" name="radio40" onclick="total(this.form);"></td>
  430. </tr>
  431. <tr>
  432.   <td align="center" bgcolor="#00659c" width="461"><font size="3"></font></td> 
  433.   <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  434.   <td align="center" bgcolor="#00659c" width="66">&nbsp;</td>
  435.   <td align="center" bgcolor="#00659c" width="64">&nbsp;</td> 
  436.   <td align="center" bgcolor="#00659c" width="67">&nbsp;</td> 
  437.   <td align="center" bgcolor="#00659c" width="64">&nbsp;</td>
  438. </tr>
  439. </table>
  440. <p><input id="results" type="button" value="Get my results!" onclick="location.href=location.href + '#results'"></p>
  441.  
  442. <p><br />
  443.   <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  444. </p>
  445. <table bordercolor="#00659c" cellspacing="0" width="512" border="1" frame="box">
  446.   <tr>
  447. <td align="center" bgcolor="#00659c" colspan="2"><b><font color="#ffffff" size="3"><a name="results" id="results"></a>Quality of Life Assessment Results</font></b></td>
  448. </tr>
  449.  
  450. <tr>
  451. <td align="center" width="433"><font size="3">Category</font></td> 
  452. <td align="center" width="69"><b><font size="2">Result %</font></b></td>
  453. </tr>
  454.  
  455. <tr>
  456. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">1. Career</font></div></td> 
  457. <td align="center" bgcolor="#DDE4FA">&nbsp;</td>
  458. </tr>
  459.  
  460. <tr>
  461. <td align="right"><div align="left"><font size="3">2. Home &amp; Family</font></div></td> 
  462. <td align="center">&nbsp;</td>
  463. </tr>
  464.  
  465. <tr>
  466. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">3. Money</font></div></td> 
  467. <td align="center" bgcolor="#DDE4FA">&nbsp;</td>
  468. </tr>
  469.  
  470. <tr>
  471. <td align="right"><div align="left"><font size="3">4. Personal Development</font></div></td> 
  472. <td align="center">&nbsp;</td>
  473. </tr>
  474.  
  475. <tr>
  476. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">5. Recreation</font></div></td> 
  477. <td align="center" bgcolor="#DDE4FA">&nbsp;</td>
  478. </tr>
  479.  
  480. <tr>
  481. <td align="right"><div align="left"><font size="3">6. Relationships &amp; Communication</font></div></td> 
  482. <td align="center">&nbsp;</td>
  483. </tr>
  484.  
  485. <tr>
  486. <td align="right" bgcolor="#DDE4FA"><div align="left"><font size="3">7. Spirit</font></div></td> 
  487. <td align="center" bgcolor="#DDE4FA">&nbsp;</td>
  488. </tr>
  489. <tr>
  490. <td align="right"><div align="left"><font size="3">8. Wellness</font></div></td> 
  491. <td align="center">&nbsp;</td>
  492. </tr>
  493. <tr>
  494.   <td align="right" bgcolor="#DDE4FA">Your score is</td>
  495.   <td colspan="5" align="center" bgcolor="#DDE4FA"><div id="totalDiv">Dynamic total requires Javascript</div>
  496.   <script type="text/javascript">total(document.getElementById("theForm"));</script></td>
  497. </tr>
  498. </table>
  499. </center>
  500. </div>
  501. <div id="totalDiv"></div>
  502. <script type="text/javascript">total(document.getElementById("theForm"));</script>
  503. <div></div>
  504. </form>
  505. </body>
  506. </html>
  507.  
Dec 21 '11 #1
2 2056
Since posting this question I have figured out that I have to change radio groups to be identified per category, then insert hidden fields to identify gategories, then add them to a var named as per the different castegories and then val. a total for all catgories to be added to results table. What I still need to know is how do I get the total results per category to display in the results table at the bottom of the page.
Dec 21 '11 #2
Dormilich
8,658 Expert Mod 8TB
I have 8 categories and don't want to put all the questions for each category together because the person taking the assessment will figure out how it's calculated and might manipulate it to get a higher score.
even then, looking at the source code long enough would gain you that information to manipulate the results.
if you want to make sure that no manipulation is possible, make the calculation server-side.

note that tables should not be used for layout. they unnecessarily clutter your HTML. and are hard to maintain.

besides that, what prevents you from giving a common class name for each category and fetch the checked radios from that.

e.g. giving every <tr> the category’s class name you can do
Expand|Select|Wrap|Line Numbers
  1. // doesn’t work in old browsers …
  2. // get all checked radios under the career category
  3. var career = {
  4.     items: document.querySelectorAll(".career input:checked"),
  5.     count: 5, // number of questions under career
  6.     sum: 0,
  7.     score: function() {
  8.         for (var l = career.items.length; l--;) {
  9.             career.sum += Number(career.items[l].value);
  10.         }
  11.         return career.sum / career.count;
  12.     }
  13. };
  14. alert(career.score());





just playing around a bit:
Expand|Select|Wrap|Line Numbers
  1. function Category(name) 
  2. {
  3.     this.items = document.querySelectorAll("." + name + " input:checked");
  4.     this.count = this.items.length;
  5. }
  6.  
  7. Category.prototype.score = function() 
  8. {
  9.     var l, val;
  10.     this.sum = 0;
  11.     for (l = this.items.length; l--;) {
  12.         val = this.items[l].value;
  13.         if (isFinite(val)) {
  14.             this.sum += parseFloat(val);
  15.         }
  16.     }
  17.     return this.sum / this.count;
  18. }
Expand|Select|Wrap|Line Numbers
  1. var career = new Category("career");
  2. career.count = 5; // number of career questions
  3. var score = career.score();
Dec 21 '11 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

15
by: Phil Powell | last post by:
<b>Agency 4</b> <input type="radio" name="permission" value="1" checked> Yes <input type="radio" name="permission" value="0" > No <br> <b>Agency 5</b> <input type="radio" name="permission"...
4
by: Oscar Monteiro | last post by:
I Have to sets of Radio buttons like so: <input type="radio" name=p1 value=1> <input type="radio" name=p1 value=2> <input type="radio" name=p1 value=3> <br> <input type="radio" name=p2 value=1>...
24
by: Mike Otten | last post by:
Any help greatly appreciated. The validated page is at: http://myweb.stedwards.edu/michaelo/ddtab.htm The trouble is with the radio buttons (2/3-down the left column). The radios are...
0
by: Shadow Lynx | last post by:
In standard HTML, the <INPUT type="radio" name="x" /control only allows one radio button to be checked at a time. When more than one are set as checked="true" then only the last one rendered...
12
html on wheels
by: html on wheels | last post by:
Greeting sports fans. In order to ask multiple questions and not have your radio buttons jump from one question to the next, what do you type to create a break between them. I am trying to complete a...
2
by: dpazza | last post by:
Hi, I'm creating a quiz on using a form in VB 2005 express. I have four sets of questions and answers (labels and radio buttons) and I change between which set of questions is currently shown on...
5
by: alanb | last post by:
Hi, hope someone can help, I need to be able to keep a running total of radio buttons selected, as a user goes through a set of 16 questions, devided in to 4 catorgories, then on "submit" have the...
3
by: norbit | last post by:
Hello, I’m new to learning JavaScript. I was trying out a simple script but I can’t seem to make it work: <HTML><HEAD><TITLE>Radio Buttons</TITLE> <SCRIPT language=JavaScript> function...
1
by: NewHeights | last post by:
Excel 2007- I have a survey that uses radio buttons (3 choices each answer) to select the answer.? My trouble starts with assigning values to the answers (Answer 1 is 0, Answer 2 is 1, Answer 3 is...
3
by: falonso | last post by:
How can I do build a multiple-choice exam using a form with radio buttons. question No. 1 Answers: yes: value=2 maybe: value=1 No: value=0 question No. 2 Answers: yes: value=2 maybe:...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.