做一个类似心理测试的试卷,每道题5个选项,怎么实现点击选项选中啊
发布于 7 年前 作者 pyan 1285 次浏览 最后一次编辑是 6 年前 来自 问答

就是这样的,在网上找了找,实在不知道咋弄了。这个是for循环动态添加的。

wxml如下

<block wx:for="{{questionlist}}"  wx:for-item=“psyQuestion” wx:for-index=“index” wx:key=“index”>

    <view class=‘nr’>

    <view class=‘biaoti’><text>{{psyQuestion.id}}、{{psyQuestion.title}}</text></view>

    <view class=‘xx’> <text data-num=“1” class=‘xuanxiang {{xnum==1?“xz”:""}}’ bindtap=“menuClick”>A</text> <text></text></view>

    <view class=‘xx’> <text data-num=“2” class=‘xuanxiang {{xnum==2?“xz”:""}}’ bindtap=“menuClick”>B</text> <text>轻度</text></view>

    <view class=‘xx’> <text data-num=“3” class=‘xuanxiang {{xnum==3?“xz”:""}}’ bindtap=“menuClick”>C</text> <text>中度</text></view>

    <view class=‘xx’> <text data-num=“4” class=‘xuanxiang {{xnum==4?“xz”:""}}’ bindtap=“menuClick”>D</text> <text>偏重</text></view>

    <view class=‘xx’> <text data-num=“5” class=‘xuanxiang {{xnum==5?“xz”:""}}’ bindtap=“menuClick”>D</text> <text>严重</text></view>

    </view>

</block>

js如下

menuClick: function (e) {

    this.setData({

    xnum: e.target.dataset.num

    })

},

这种方法会在选择某一题的选项的时候,把所有题的选项都选中啊。。。

拜托各位大佬给个方案吧。小弟不胜感激。

1 回复

差不多吧

回到顶部