利用js创建一个简单的评分心理测试网站

下面是我做的一个关于抑郁症的简单的心理测试网站。测试者根据问题选择选项，利用js统计得分，单击按钮显示测试得分及心理状况。

HTML代码

<form name="see"><p><b>1、你是否感到食欲不振?或情不自禁地暴饮暴食?</b></p><p><input onclick="begintimer()" type="radio" value="12" name="c1" />没有<input onclick="begintimer()" type="radio" value="32" name="c1" />轻度<input onclick="begintimer()" type="radio" value="32" name="c1" />中度<input onclick="begintimer()" type="radio" value="32" name="c1" />严重</p><p><b>2、你是否患有失眠症?或整天感到体力不支，昏昏欲睡?</b></p><p><input type="radio" value="11" name="c2" />没有<input type="radio" value="31" name="c2" />轻度<input type="radio" value="31" name="c2" />中度<input type="radio" value="31" name="c2" />严重</p><p><b>3、你是否丧失了对性的兴趣?</b></p><p><input type="radio" value="11" name="c3" />没有<input type="radio" value="31" name="c3" />轻度<input type="radio" value="31" name="c3" />中度<input type="radio" value="31" name="c3" />严重</p><p><b>4、你是否经常担心自己的健康?</b></p><p><input type="radio" value="13" name="c4" />没有<input type="radio" value="33" name="c4" />轻度<input type="radio" value="33" name="c4" />中度<input type="radio" value="33" name="c4" />严重</p><p><b>5、你是否认为生存没有价值，或生不如死?</b></p><p><input type="radio" value="14" name="c5" />没有<input type="radio" value="34" name="c5" />轻度<input type="radio" value="34" name="c5" />中度<input type="radio" value="34" name="c5" />严重</p><p><b>6、你是否一直感到伤心或悲哀?</b></p><p><input type="radio" value="14" name="c6" />没有<input type="radio" value="34" name="c6" />轻度<input type="radio" value="34" name="c6" />中度<input type="radio" value="34" name="c6" />严重</p><p><b>7、你是否感到前景渺茫?</b></p><p><input type="radio" value="14" name="c7" />没有<input type="radio" value="34" name="c7" />轻度<input type="radio" value="34" name="c7" />中度<input type="radio" value="34" name="c7" />严重</p><p><b>8、你是否觉得自己没有价值或自以为是一一个失败者?</b></p><p><input type="radio" value="14" name="c8" />没有<input type="radio" value="34" name="c8" />轻度<input type="radio" value="34" name="c8" />中度<input type="radio" value="34" name="c8" />严重</p><p><b>9、你是否觉得力不从心或自叹比不上别人?</b></p><p><input type="radio" value="14" name="c9" />没有<input type="radio" value="34" name="c9" />轻度<input type="radio" value="34" name="c9" />中度<input type="radio" value="34" name="c9" />严重</p><p><b>10、你是否对任何事都自责?</b></p><p><input type="radio" value="14" name="c10" />没有<input type="radio" value="34" name="c10" />轻度<input type="radio" value="34" name="c10" />中度<input type="radio" value="34" name="c10" />严重</p><p><b>11、你是否在做决定时犹豫不决?</b></p><p><input type="radio" value="14" name="c11" />没有<input type="radio" value="34" name="c11" />轻度<input type="radio" value="34" name="c11" />中度<input type="radio" value="34" name="c11" />严重</p><p><b>12、这段时间你是否一直处于愤怒和不满状态?</b></p><p><input type="radio" value="14" name="c12" />没有<input type="radio" value="34" name="c12" />轻度<input type="radio" value="34" name="c12" />中度<input type="radio" value="34" name="c12" />严重</p><p><b>13、你对事业、家庭、爱好或朋友是否丧失了兴趣?</b></p><p><input type="radio" value="14" name="c13" />没有<input type="radio" value="34" name="c13" />轻度<input type="radio" value="34" name="c13" />中度<input type="radio" value="34" name="c13" />严重</p><p><b>14、你是否感到一蹶不振，做事情毫无动力?</b></p><p><input type="radio" value="14" name="c14" />没有<input type="radio" value="34" name="c14" />轻度<input type="radio" value="34" name="c14" />中度<input type="radio" value="34" name="c14" />严重</p><p><b>15、你是否以为自己已衰老或失去魅力?</b></p><p><input type="radio" value="14" name="c15" />没有<input type="radio" value="34" name="c15" />轻度<input type="radio" value="34" name="c15" />中度<input type="radio" value="34" name="c15" />严重</p><br /><br /><br /><p><input id="btn" onclick=" processForm()" type="button" value="查看测试结果" /></p><br /><br /><!--创建文本区域用来存放测试结果--><p><textarea style="width: 500px" name="answer" rows="6" cols="50"></textarea></p></form>

JavaScript代码

<script language="JavaScript">function processForm() {var sum = 0;//创建数组hc = new Array(15);//如果识别到文档中表单see中第一个问题的第一个选项被选中就使sum+该选项得分if (document.see.c1[0].checked == 1) sum += 0;if (document.see.c1[1].checked == 1) sum += 1;if (document.see.c1[2].checked == 1) sum += 2;if (document.see.c1[3].checked == 1) sum += 3;if (document.see.c2[0].checked == 1) sum += 0;if (document.see.c2[1].checked == 1) sum += 1;if (document.see.c2[2].checked == 1) sum += 2;if (document.see.c2[3].checked == 1) sum += 3;if (document.see.c3[0].checked == 1) sum += 0;if (document.see.c3[1].checked == 1) sum += 1;if (document.see.c3[2].checked == 1) sum += 2;if (document.see.c3[3].checked == 1) sum += 3;if (document.see.c4[0].checked == 1) sum += 0;if (document.see.c4[1].checked == 1) sum += 1;if (document.see.c4[2].checked == 1) sum += 2;if (document.see.c4[3].checked == 1) sum += 3;if (document.see.c5[0].checked == 1) sum += 0;if (document.see.c5[1].checked == 1) sum += 1;if (document.see.c5[2].checked == 1) sum += 2;if (document.see.c5[3].checked == 1) sum += 3;if (document.see.c6[0].checked == 1) sum += 0;if (document.see.c6[1].checked == 1) sum += 1;if (document.see.c6[2].checked == 1) sum += 2;if (document.see.c6[3].checked == 1) sum += 3;if (document.see.c7[0].checked == 1) sum += 0;if (document.see.c7[1].checked == 1) sum += 1;if (document.see.c7[2].checked == 1) sum += 2;if (document.see.c7[3].checked == 1) sum += 3;if (document.see.c8[0].checked == 1) sum += 0;if (document.see.c8[1].checked == 1) sum += 1;if (document.see.c8[2].checked == 1) sum += 2;if (document.see.c8[3].checked == 1) sum += 3;if (document.see.c9[0].checked == 1) sum += 0;if (document.see.c9[1].checked == 1) sum += 1;if (document.see.c9[2].checked == 1) sum += 2;if (document.see.c9[3].checked == 1) sum += 3;if (document.see.c10[0].checked == 1) sum += 0;if (document.see.c10[1].checked == 1) sum += 1;if (document.see.c10[2].checked == 1) sum += 2;if (document.see.c10[3].checked == 1) sum += 3;if (document.see.c11[0].checked == 1) sum += 0;if (document.see.c11[1].checked == 1) sum += 1;if (document.see.c11[2].checked == 1) sum += 2;if (document.see.c11[3].checked == 1) sum += 3;if (document.see.c12[0].checked == 1) sum += 0;if (document.see.c12[1].checked == 1) sum += 1;if (document.see.c12[2].checked == 1) sum += 2;if (document.see.c12[3].checked == 1) sum += 3;if (document.see.c13[0].checked == 1) sum += 0;if (document.see.c13[1].checked == 1) sum += 1;if (document.see.c13[2].checked == 1) sum += 2;if (document.see.c13[3].checked == 1) sum += 3;if (document.see.c14[0].checked == 1) sum += 0;if (document.see.c14[1].checked == 1) sum += 1;if (document.see.c14[2].checked == 1) sum += 2;if (document.see.c14[3].checked == 1) sum += 3;if (document.see.c15[0].checked == 1) sum += 0;if (document.see.c15[1].checked == 1) sum += 1;if (document.see.c15[2].checked == 1) sum += 2;if (document.see.c15[3].checked == 1) sum += 3;if (sum <= 4) document.see.answer.value = "您的得分为"+sum+"分\n您精神健康，没有抑郁";if (sum <= 10 && sum >= 5) document.see.answer.value = "您的得分为"+sum+"分\n您偶尔有抑郁情绪";if (sum <= 20 && sum >= 11) document.see.answer.value = "您的得分为"+sum+"分\n您有轻度抑郁症";if (sum <= 30 && sum >= 21) document.see.answer.value = "您的得分为"+sum+"分\n您有中度抑郁症";if (sum <= 45 && sum >= 31) document.see.answer.value = "您的得分为"+sum+"分\n您有严重抑郁症并需要立即接受专科医生的治疗";}</script>

自己定义CSS样式，一个简单的心理测试网站就OK啦。
网页测试图如下：

利用js创建一个简单的评分心理测试网站相关推荐

利用thinkphp创建一个简单的站点
本文我们将利用thinkphp创建一个简单的站点,这里所使用的thinkphp版本是5.0.24,这里是它的中文文档.如果有需要可以参考它的中文文档. thinkphp框架是一个典型的MVC框架,该框 ...
Linux Namespace系列（09）：利用Namespace创建一个简单可用的容器
本文将演示如何利用namespace创建一个完整的容器,并在里面运行busybox.如果对namespace不是很熟悉,请先参考前面几遍介绍不同类型namespace的文章. busybox是一个Li ...
不到50行代码，HTML+CSS+JS创建一个简单的色轮
简单,其实就是调库! 文档在这里 Get Started | iro.js 我也写了一个简单的样例在下面可以参考一下
利用MySQL创建一个简单的employee员工表并修改表
-- 使用day14数据库 USE day14;-- 查看表 SHOW TABLES;-- 创建一个员工表 CREATE TABLE employee(id INT,NAME VARCHAR(20), ...
在vue中使用three.js创建一个简单的立体图形
安装 npm install three --save 使用页面直接引入import * as THREE from 'three' <template><div><d ...
利用js制作一个简单的QQ农场小游戏
html文件代码 <!DOCTYPE html> <html><head><meta charset="utf-8" />< ...
python推荐系统-利用python构建一个简单的推荐系统
摘要: 快利用python构建一个属于你自己的推荐系统吧,手把手教学,够简单够酷炫. 本文将利用python构建一个简单的推荐系统,在此之前读者需要对pandas和numpy等数据分析包有所了解. 什 ...
基于python的系统构建_利用python构建一个简单的推荐系统
摘要: 快利用python构建一个属于你自己的推荐系统吧,手把手教学,够简单够酷炫. 本文将利用python构建一个简单的推荐系统,在此之前读者需要对pandas和numpy等数据分析包有所了解. 什 ...
python推荐_利用Python构建一个简单的推荐系统
原标题:利用Python构建一个简单的推荐系统摘要:快利用python构建一个属于你自己的推荐系统吧,手把手教学,够简单够酷炫.在此之前读者需要对pandas和numpy等数据分析包有所了解. 什么 ...

利用js创建一个简单的评分心理测试网站

利用js创建一个简单的评分心理测试网站相关推荐

最新文章

热门文章