-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathonecWork.html
More file actions
391 lines (367 loc) · 10.5 KB
/
onecWork.html
File metadata and controls
391 lines (367 loc) · 10.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手部密码APP用户综合调查问卷</title>
<link href="./onecWork.css" rel="stylesheet" style="text/CSS;" />
<link rel="shortcut icon" href="./imgs/TB.ico" type="image/x-icon"/>
<link rel="icon" href="./imgs/TB.ico" type="image/x-icon"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<meta name="description" content="用户调查问卷"/>
<meta name="keywords" content="掌纹诊病 APP调查问卷 手部 健康"/>
<meta name="author" content="Echo" />
<meta name="robots" content="index,follow"/>
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,user-scalable=yes" />
<style type="text/css">
body{
background-image: url('./imgs/h1.jpg');
background-size: cover;
background-attachment: fixed;
opacity: 1;
}
</style>
</head>
<body>
<div class="toptitle" id="toptitle">
<h2> 手部密码APP用户综合调查问卷</h2>
<img src="./imgs/cpu.ico" height="30px" width="30px"/>
</div>
<div id="topic_inner">
<div class="topic_introduce">
你好，感谢您能够在百忙之中抽出时间参与我的调研！我调研的目的是：收集广大潜在用户对于一款关于
观手诊病APP的意见。我们将严格遵守统计法对您的信息保密，请您放心填写问卷，谢谢！
</div>
<div id="topic_body">
<div id="0001">
<div class="topic_quest_1">
1、您的性别
</div>
<div class="topic_answ_1">
<span id="0001">
<input name="answer" id="answer_1" type="radio" value="Y" />
<table>男</table>
</span>
</div>
<div class="topic_answ_1">
<span id="0001">
<input name="answer" id="answer_1" type="radio" value="Y" />
<table>女</table>
</span>
</div>
</div>
<div id="0002">
<div class="topic_quest_2">2、您的年龄范围</div>
<div class="topic_answ_2">
<span>
<input name="answer2" id="answer_2" type="radio"/>
<table>18岁~30岁</table>
</span>
</div>
<div class="topic_answ_2">
<span>
<input name="answer2" id="answer_2" type="radio"/>
<table>30岁~50岁</table>
</span>
</div>
<div class="topic_answ_2">
<span>
<input name="answer2" id="answer_2" type="radio"/>
<table>50岁~70岁</table>
</span>
</div>
<div class="topic_answ_2">
<span>
<input name="answer2" id="answer_2" type="radio"/>
<table>70岁以上</table>
</span>
</div>
</div>
<div id="0003">
<div class="topic_quest_3">3、您是如果得知此APP的</div>
<div class="topic_answer_3">
<span>
<input name="answer3" id="answer_3" type="radio"/>
<table>朋友推荐</table>
</span>
</div>
<div class="topic_answer_3">
<span>
<input name="answer3" id="answer_3" type="radio" />
<table>软件商店查找</table>
</span>
</div>
<div class="topic_answer_3">
<span>
<input name="answer3" id="answer_3" type="radio" />
<table>其他</table>
</span>
</div>
</div>
<div id="0004">
<div class="topic_quest_4">4、您第一次看到此APP的界面时第一印象如何？</div>
<div class="topic_answer_4">
<span>
<input name="answer4" id="answer_4" type="radio" />
<table>一般</table>
</span>
</div>
<div class="topic_answer_4">
<span>
<input name="answer4" id="answer_4" type="radio" />
<table>很吸引人</table>
</span>
</div>
<div class="topic_answer_4">
<span>
<input name="answer4" id="answer_4" type="radio" />
<table>很烦</table>
</span>
</div>
</div>
<div id="0005">
<div class="topic_quest_5">5、对于界面的美观程度您的看法是？</div>
<div class="topic_answer_5">
<span>
<input name="answer5" id="answer_5" type="radio" />
<table>很好</table>
</span>
</div>
<div class="topic_answer_5">
<span>
<input name="answer5" id="answer_5" type="radio" />
<table>一般</table>
</span>
</div>
<div class="topic_answer_5">
<span>
<input name="answer5" id="answer_5" type="radio" />
<table>过于单调</table>
</span>
</div>
<div class="topic_answer_5">
<span>
<input name="answer5" id="answer_5" type="radio" />
<table>过于花哨</table>
</span>
</div>
</div>
<div id="0006">
<div class="topic_quest_6">6、对于此APP审美观您觉得在色调上应注重什么？</div>
<div class="topic_answer_6">
<span>
<input name="answer6" id="answer_6" type="radio" />
<table>合理的颜色搭配</table>
</span>
</div>
<div class="topic_answer_6">
<span>
<input name="answer6" id="answer_6" type="radio" />
<table>单一的色调</table>
</span>
</div>
<div class="topic_answer_6">
<span>
<input name="answer6" id="answer_6" type="radio" />
<table>反差较大的色差</table>
</span>
</div>
</div>
<div id="0007">
<div class="topic_quest_7">7、在对此APP界面阅览后，您在字体大小有何建议？</div>
<div class="topic_answer_7">
<span>
<input name="answer7" id="answer_7" type="radio" />
<table>很好，不需要修改</table>
</span>
</div>
<div class="topic_answer_7">
<span>
<input name="answer7" id="answer_7" type="radio" />
<table>较小，建议大一些</table>
</span>
</div>
<div class="topic_answer_7">
<span>
<input name="answer7" id="answer_7" type="radio" />
<table>较大建议小一些</table>
</span>
</div>
</div>
<div id="0008">
<div class="topic_quest_8">8、您在对此APP界面的阅览，模拟操作了几遍后可以流畅操作？</div>
<div class="topic_answer_8">
<span>
<input name="answer8" id="answer_8" type="radio" />
<table>1遍</table>
</span>
</div>
<div class="topic_answer_8">
<span>
<input name="answer8" id="answer_8" type="radio" />
<table>2遍</table>
</span>
</div>
<div class="topic_answer_8">
<span>
<input name="answer8" id="answer_8" type="radio" />
<table>3遍</table>
</span>
</div>
<div class="topic_answer_8">
<span>
<input name="answer8" id="answer_8" type="radio" />
<table>3遍以上</table>
</span>
</div>
</div>
<div id="0009">
<div class="topic_quest_9">9、对于您在阅览过程中是否能准确找到您所需的内容？</div>
<div class="topic_answer_9">
<span>
<input name="answer9" id="answer_9" type="radio" />
<table>是</table>
</span>
</div>
<div class="topic_answer_9">
<span>
<input name="answer9" id="answer_9" type="radio" />
<table>否</table>
</span>
</div>
</div>
<div id="0010">
<div class="topic_quest_10">10、您对此APP界面的阅览后，是否可以清晰的了解此APP的功能？</div>
<div class="topic_answer_10">
<span>
<input name="answer10" id="answer_10" type="radio" />
<table>是</table>
</span>
</div>
<div class="topic_answer_10">
<span>
<input name="answer10" id="answer_10" type="radio" />
<table>否</table>
</span>
</div>
</div>
<div id="0011">
<div class="topic_quest_11">11、此APP在逻辑上是否合理？</div>
<div class="topic_answer_11">
<span>
<input name="answer11" id="answer_11" type="radio" />
<table>是</table>
</span>
</div>
<div class="topic_answer_11">
<span>
<input name="answer11" id="answer_11" type="radio" />
<table>否</table>
</span>
</div>
</div>
<div id="0012">
<div class="topic_quest_12">12、您体验后感觉我们的APP是否有市场竞争力？</div>
<div class="topic_answer_12">
<span>
<input name="answer12" id="answer_12" type="radio" />
<table>是</table>
</span>
</div>
<div class="topic_answer_12">
<span>
<input name="answer12" id="answer_12" type="radio" />
<table>否</table>
</span>
</div>
</div>
<div id="0013">
<div class="topic_quest_13">13、您对此APP阅览后，您认为此APP与现有的APP比有什么缺点？</div>
<div class="topic_answer_13">
<input name="answer13" id="answer_13" type="checkbox" />
界面过于单调<br />
<input name="answer13" id="answer_13" type="checkbox" />
功能上还不严谨<br />
<input name="answer13" id="answer_13" type="checkbox" />
信息量不够
</div>
<!--
作者：1537770987@qq.com
时间：2020-04-12
描述：
<div class="topic_answer_13">
<span>
<input name="answer13" id="answer_13" type="checkbox" />
功能上还不严谨
</span>
</div>
<div class="topic_answer_13">
<span>
<input name="answer13" id="answer_13" type="checkbox" />
信息量不够
</span>
</div>
-->
<input type="button" onclick="clickobj()" value="提交" />
</div>
<div id="0000">
<div class="topic_quest_14">14、最后请您填写综合评价表</div>
<table border="1" width="700" cellpadding="6" >
<tr>
<th></th>
<th>综合评价</th>
<th>综合建议</th>
</tr>
<tr>
<td>
<input name="select" id="lalala" type="radio" />
</td>
<td>非常好</td>
<td contenteditable="true"></td>
</tr>
<tr>
<td>
<input name="select" id="lalala" type="radio" />
</td>
<td>较好</td>
<td contenteditable="true"></td>
</tr>
<tr>
<td>
<input name="select" id="lalala" type="radio" />
</td>
<td>一般</td>
<td contenteditable="true"></td>
</tr>
<tr>
<td>
<input name="select" id="lalala" type="radio" />
</td>
<td>较差</td>
<td contenteditable="true"></td>
</tr>
<tr>
<td>
<input name="select" id="lalala" type="radio" />
</td>
<td>非常差</td>
<td contenteditable="true"></td>
</tr>
</table>
</div>
</div>
</div>
<a href="#toptitle" style="float: right;">返回顶部</a>
</body>
<script type="text/javascript">
function clickobj(){
var obj = document.getElementsByName('answer13');
var demand =new Array();
for (var i =0;i<obj.length;i++){
if(obj[i].checked){
demand.push(obj[i].nextSibling.nodeValue);
}
console.log(demand);
}
}
</script>
</html>