微信小程序实现多选功能-创新互联

本文为大家分享了微信小程序实现多选功能的具体代码，供大家参考，具体内容如下

创新互联专注于芒康网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供芒康营销型网站建设，芒康网站制作、芒康网页设计、芒康网站官网定制、重庆小程序开发公司服务，打造芒康网络公司原创品牌,更为您提供芒康网站排名全网营销落地服务。成都创新互联公司专注于若羌网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供若羌营销型网站建设，若羌网站制作、若羌网页设计、若羌网站官网定制、微信小程序定制开发服务，打造若羌网络公司原创品牌,更为您提供若羌网站排名全网营销落地服务。创新互联公司专注于中宁网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供中宁营销型网站建设，中宁网站制作、中宁网页设计、中宁网站官网定制、成都小程序开发服务，打造中宁网络公司原创品牌,更为您提供中宁网站排名全网营销落地服务。创新互联专注于吴堡网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供吴堡营销型网站建设，吴堡网站制作、吴堡网页设计、吴堡网站官网定制、微信小程序定制开发服务，打造吴堡网络公司原创品牌,更为您提供吴堡网站排名全网营销落地服务。

代码：

<!--hotblood_gongkao/pages/answer/answer.wxml-->
<!-- content -->
<view class='answer-list'>
  <view class='answer-child'>
    <text class='answer-title'><text style='margin-right:28rpx;'>{{num + 1}}/{{quesyion.length}}</text>{{question[num][0]}}</text>
    <view class='answer-options'>
      <view class="options {{selectIndex[0].sureid?'select':''}}" data-index='{{idx}}1' data-text='A' bindtap="{{whether?'':'selectAnswer'}}">
        <image class="dui {{selectIndex[0].sureid?'dui2':''}}" src='../../images/icon-dui.png' />
        <text><text style='margin-right:36rpx;'> A </text>{{question[num][1]}}</text>
      </view>
      <view class="options {{selectIndex[1].sureid?'select':''}}" data-index='{{idx}}2' data-text='B' bindtap="{{whether?'':'selectAnswer'}}">
        <image class="dui {{selectIndex[1].sureid?'dui2':''}}" src='../../images/icon-dui.png' />
        <text><text style='margin-right:36rpx;'> B </text>{{question[num][2]}}</text>
      </view>
      <view class="options {{selectIndex[2].sureid?'select':''}}" data-index='{{idx}}3' data-text='C' bindtap="{{whether?'':'selectAnswer'}}">
        <image class="dui {{selectIndex[2].sureid?'dui2':''}}" src='../../images/icon-dui.png' />
        <text><text style='margin-right:36rpx;'> C </text>{{question[num][3]}}</text>
      </view>
      <view class="options {{selectIndex[3].sureid?'select':''}}" data-index='{{idx}}4' data-text='D' bindtap="{{whether?'':'selectAnswer'}}">
        <image class="dui {{selectIndex[3].sureid?'dui2':''}}" src='../../images/icon-dui.png' />
        <text><text style='margin-right:36rpx;'> D </text>{{question[num][4]}}</text>
      </view>
    </view>
  </view>
  <view class="answer {{isWan?'isShow':'isHide'}}">
    <text>正确答案{{question[num][3]}}</text>
  </view>
  <view class="subBtn {{isque?'isShow':'isHide'}}" bindtap='confirm'>
    <text>确定</text>
  </view>
  <view class="subBtn {{isOne?'isHide':'isShow'}}" bindtap='next'>
    <text>{{con}}</text>
  </view>
  <view class="subBtn {{iswancheng?'isShow':'isHide'}}" bindtap='submit'>
    <text>提交答卷</text>
  </view>
</view>

本文标题：微信小程序实现多选功能-创新互联
网页路径：https://www.cdcxhl.com/article44/cehsee.html

成都网站建设公司_创新互联，为您提供网页设计公司、静态网站、电子商务、网站导航、商城网站、软件开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联