简答题小程序,考试答题小程序有哪些,答题小程序题库
今天群里有人问了一个问题,怎么实现单选题和多选题在单击时选中,想着反正也没啥事,就写个演示试试看,代码如下:
首先在数据里面添加问答题,如下:
数据:{任务:[{ id: 1,类型:1,//类型,1.单选,2.多选问题: 1。你有女朋友吗?(单选),答案:[{ content: A .有},{ content: B .没有}] },{ id: 2,类型:1,问题: 2。目前薪资在哪个范围?(单选),回答:[{ content: A.3-6k },{ content: B.6-8k },{ content: C.8-10k },{ content: D.10k以上}] },{ id: 3,类型:2,问题: 3。你喜欢哪一种编程语言?(多选),答案:[{ content: A.Java },{ content: B.C语言} 、{ content: C.PHP } 、{ content: D.Python } 、{ content: E.JavaScript } 、{ content: F .其他 }] }] }, 然后在页面结构文件里面显示问答题,代码如下:
view class= quest _ container wx:for= { { quest } } wx:key= id wx:for-index= outter index text { { item。question } }/text view wx:for= { { item。answers } } wx:key= content bind tap= answer selected data-outidx= { { outter index } } data-idx= { { index } } class= item { { item。入选?活动“:“} }”文本{ { item。content } }/text/view/view对应的绑定事件如下:
答案选中(e){ let outidx=e .当前目标。数据集。outidx设idx=e .当前目标。数据集。idx让quest=这个。数据。quest[outidx];if (question.type==1) { //单选对于(让项的问题。答案){ item。selected=false}问答[idx].selected=truethissetdata({ quest:这个。数据。quest });} else if (question.type==2) { //多选问答[idx].选中=!问答[idx].被选中;这个。setdata({ quest:这个。数据。quest });} }, 最终效果如下:
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。