博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
原生js实现问卷调查
阅读量:5060 次
发布时间:2019-06-12

本文共 10529 字,大约阅读时间需要 35 分钟。

1 
2
3
4

1.您的年龄?

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

2.您目前的家庭年收入?

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

3.您目前的个人及家庭财务状况?

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

4.您的投资经验(P2P/股票/债券/基金/私募产品)?

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

5.您目前是否持有以下投资产品?

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

6.您目前已经或者准备投资的金额占您个人或家庭所拥有总资产的比重?(备注:总资产包括存款、证券投资、房地产及实业等)

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

7.您计划投资的期限?

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

8.您希望获得的年化投资收益率?

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

9.如果您的投资暂时亏损了25%,您会如何操作?

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

10.家人或朋友对您投资风险偏好的评价?

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
View Code
1 $(function () { 2     var userId = "${userId}", 3         length = $('.swiper-slide').length, 4         $result = $('#result'), 5         $imgs = $('#imgs'), 6         $howMuch = $('#howMuch'), 7         score = null, arrayNo = null; 8  9     // 定义输出文件array10     var array = [11         {12             result: '保守型',13             coverUrl: '/images/app/base/baoshou_anzhuo.png',14             money: '50万'15         },16         {17             result: '稳健型',18             coverUrl: '/images/app/base/wenjian_anzhuo.png',19             money: '300万'20         },21         {22             result: '积极型',23             coverUrl: '/images/app/base/jiji_anzhuo.png',24             money: '您的出借额度不受限制'25         },26     ];27 28     // 输出文件29     var resultData = function ($result, $imgs, $howMuch, num) {30         var data = array[num];31         // console.log(data);32         $result.text(data.result);33         $imgs.attr('src',data.coverUrl);34         $howMuch.text(data.money);35     }36 37     // ajax函数38     var resultAjax = function (score, userId) {39         $.ajax({40             url:"/userCenter/riskTest/saveRiskTest.json",41             async:true,42             data:{"riskPreferenceCore":score,"userId":userId},43             success:function(data){44                 var code = data.code;45                 if(code == 1){46                     console.log("success");47                 }else{48                     alert("保存失败,请稍后再试");49                 }50             }51         });52     }53 54     // dom事件55     $('.swiper-slide').each(function(i, val) {56         var self = $(this);57         self.find('.list').find('li').click(function(){58             if($(this).addClass('current')){59                 $(this).find('input:checkbox').prop('checked', true);60             }61             score += parseInt($(this).find('input:checkbox').val());62             console.log(score);63             if(self.index() == 9) {64                 if (score >= 20 && score <= 40) {65                     arrayNo = 0;66                 } else if (score > 40 && score <= 60) {67                     arrayNo = 1;68                 } else if (score > 60 && score <= 100) {69                     arrayNo = 2;70                 }71                 console.log(arrayNo);72 73                 // 输出结果文件74                 resultData($result, $imgs, $howMuch, arrayNo);75 76                 // ajax接口请求77                 resultAjax(score, userId);78             }79         })80     });81 82     $('#comfirm').click(function () {83         $(location).prop('href', '/cheDaiIndex.do');84     });85 86     // 切换造轮子87     var mySwiper = new Swiper ('.swiper-container', {88         navigation: {89             nextEl: '.swiper-button',90             lazyLoading : true,91             lazyLoadingInPrevNext : true,92             autoplay: 3000,93             speed: 300094         },95     });96 97 });
View Code

 

转载于:https://www.cnblogs.com/DreamLiFeng/p/10207666.html

你可能感兴趣的文章
Mongodb 基本命令
查看>>
控制文件的备份与恢复
查看>>
返回代码hdu 2054 A==B?
查看>>
PHP的SQL注入技术实现以及预防措施
查看>>
软件目录结构规范
查看>>
mysqladmin
查看>>
解决 No Entity Framework provider found for the ADO.NET provider
查看>>
设置虚拟机虚拟机中fedora上网配置-bridge连接方式(图解)
查看>>
HEVC播放器出炉,迅雷看看支持H.265
查看>>
[置顶] Android仿人人客户端(v5.7.1)——人人授权访问界面
查看>>
Eclipse 调试的时候Tomcat报错启动不了
查看>>
【安卓5】高级控件——拖动条SeekBar
查看>>
ES6内置方法find 和 filter的区别在哪
查看>>
Android入门之文件系统操作(二)文件操作相关指令
查看>>
Android实现 ScrollView + ListView无滚动条滚动
查看>>
java学习笔记之String类
查看>>
UVA 11082 Matrix Decompressing 矩阵解压(最大流,经典)
查看>>
jdk从1.8降到jdk1.7失败
查看>>
硬件笔记之Thinkpad T470P更换2K屏幕
查看>>
【知识库】-数据库_MySQL 的七种 join
查看>>