微信小程序，答题问卷，单选，多选混合在一个借口，前端怎么循环

最新推荐文章于 2022-07-03 09:45:05 发布
最新推荐文章于 2022-07-03 09:45:05 发布
阅读量732 收藏 1
点赞数
文章标签： 前端 ViewUI
原文链接：http://www.cnblogs.com/lieaiwen/p/9542927.html
版权

数据

 

 获取选中的数据

 

 结束，看不懂的，照着我写的，敲一下，就知道啦；

 

转载于:https://www.cnblogs.com/lieaiwen/p/9542927.html

weixin_30332705
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序---多项选中（单选）
张新丁
03-13 2998
index.wxml <view class='list'> <view class='colorList' bindtap='toggleBtn' id='1'> <view class='white'> <view class="{{idx==1?'show':'hidden'}}"> ...
微信小程序-微信小程序－题库
08-06
微信小程序－题库 说明： 实现题库功能，特色： 判断题型和单选题型 做题进度和对错显示 数据接口: https://api.getweapp.com/vendor/com1217 目录结构： public — 存放项目公共库文件 pages — 存放项目页面文件 utils — 存放项目日期处理文件 开发环境： 微信web开发者工具 v0.11.112301 项目截图： https://www.getweapp.com/project?projectId=584c4f78e8ff074c22472f75 感谢： 本项目原始版本由HuBinAdd提供：https://github.com/HuBinAdd/calculate-swiperList
微信小程序bindtap嵌套多层数据获取上层的值
Heartnottowake的博客
07-03 828
多用于分类列表，点击某个分类的某个选项， 获取上级是哪个分类时，会用到 代码可以粘贴看，在第5行的内部，渲染的是defaultList对象下的item下的dayItem里面的内容，这里我想点击dayItem选项的时候，同时获取item里面的number来确定是哪个类别的内容 方法，在第5行同样定义个data-list=“{{item.number}}”，就可以获取是哪个类别，list是名称，item.number就是值...
微信小程序实现答题样式1（显示题目）
nice哥的博客
03-04 2万+
今天群里有人问了一个问题，怎么实现单选题和多选题在单击时选中，想着反正也没啥事，就写个demo试试看，代码如下： 首先在data里面添加问答题，如下： data: { quest: [{ id: 1, type: 1, //类型，1.单选，2.多选 question: "1.你有女朋友吗？(单选)", answers: [{ ...
纯前端答题交互（可单选、多选）
羽筠的博客
04-03 2405
​ 纯前端答题交互（可单选、多选），用户确定选项可及时判断对错及提示功能； 题库可提前使用excel表格录好，在线使用Exel转JSON格式，网址：在线Excel、CSV转JSON格式-BeJSON.com 可以根据需求设置参数，即可达到所需效果： 每轮需要答题数、满多少分可抽奖、是否提交选项后展示提示对错信息及答案、展示提示对错信息及答案的时长（毫秒）、是否需要计时（每轮正计时 / 每题答题限时倒计时 / 每轮答题限时倒计时）、倒计时开始时间（秒）。
微信小程序 单选、多选
林中明月间丶
05-15 1285
https://blog.csdn.net/a772116804/article/details/106144553 checkList:[] 选中的数据的id的数组集合 checkedOne(id) { let idIndex = this.checkList.indexOf(id); //选中的数据的id的数组集合下标 if (idIndex >= 0) { //-1 不包含,包含去重 // 如果已经包含了该id, 则去除(单选按钮由选中变为非选中状
问卷调查小程序（带tp后台）
02-15
带tp后台的微信小程序，问卷调查为主要功能，大家共同学习。有疑问或者不满足需求的请浏览，程序中含有一些bug,请大家自行完善，代码仅供学习参考。
微信小程序单选radio及多选checkbox按钮用法示例
11-28
单选按钮在微信小程序中通常用于提供一系列互斥的选择，用户只能选择其中的一个选项。在示例中，`radio-group` 是承载所有单选按钮的容器，`bindChange` 事件监听用户的选择变化。`radio` 组件则表示单个可选选项，...
微信小程序日历组件（可多选单选）
01-13
微信小程序日历组件就是这种思想的体现，它可以作为一个独立的单元被引入到项目中，只需简单配置即可使用。 2. **JavaScript（JS）** JavaScript是实现微信小程序功能的核心语言。在日历组件中，JS负责处理用户的...
微信答题小程序源码微信考试答题小程序源码.zip
最新发布
09-19
微信答题小程序源码微信考试答题小程序源码.zip 代码完整下载可用，确保可以运行。 微信答题小程序源码微信考试答题小程序源码.zip 代码完整下载可用，确保可以运行。微信答题小程序源码微信考试答题小程序源码....
微信小程序实现多选功能
10-17
本教程将深入探讨如何在微信小程序中实现在答题或问卷类应用中添加多选题的功能。 首先，我们需要了解微信小程序的基础架构，它由四部分组成：`wxml`（结构层）、`wxss`（样式层）、`js`（逻辑层）和`json`（配置...
微信小程序 实例源码汇总
11-28
微信小程序实例源码 微信小程序 实例源码汇总 完整项目源代码
微信小程序实现答题样式2（记录答案选项）
nice哥的博客
12-19 9390
之前写过一篇博客记录了微信小程序如何实现答题样式，有一些朋友看完后想要知道选中答案后是怎么记录答案的，在这里简单处理一下逻辑，记录一下选中的答案，上篇地址如下：https://blog.csdn.net/u013982652/article/details/88121647 首先问答题的数据结构要稍微变一下，多了个index记录ABCD这些，具体如下： data: { quest:...
微信小程序前端开发试题选择题的选择功能
焦虑的博客
11-02 3265
先贴效果图 wxml文件 <view> {{exam.a.title}} </view> <view class="box"> <block wx:for="{{exam.b}}" wx:key="index"> <view class="every {{is_yes && is_if == index ? 'right':''}} {{!is_yes && exam.a.key == item.c
小程序循环列表里的单选框
Fang格子的博客
06-04 4149
首先在循环列表里添加一个单选框，因为循环的是同一个，所以checked的值不能给死，通过判断点击的获取orderNo，再判断是否等于当前的orderNo，然后就搞定啦 radio:function(e){ var orderNo = e.currentTarget.dataset.orderNo this.setData({ orderNo: orderNo, ...
答题小程序之调查问卷模板开发
weixin_30832405的博客
09-10 3618
这次我和大家分享一下如何用小程序做一个问卷调查小程序，可以是行业问卷，或者是测试题的。该问卷调查主要介绍题目多且题型多，题目数在15道以上，题型包含单选，非必做、必做题，填空题。当然可以从这些衍生更多的出来。 首先理清思路：第一页我们做欢迎语和简介，在答题入口上做跳转题目页和授权按钮功能，然后开始做题，选择题放前，填空题放后，每页2道题，任何一道...
微信小程序做一个调查问卷（二）
热门推荐
向技术大牛致敬
01-08 3万+
即将不定期的开放代码核心代码呈现在微信小程序如何展示富文本编辑器设置的内容多使用缓存技术，防止过多无效的访问题目分为单选题、多选题、简答题设置有其他选项，可进行手动输入选项多选题选择个数设置，只可最多选择三个 核心代码呈现 由于这是私有项目，防止代码泄密。只能部分展示核心逻辑代码，说话要算数，但是不能违反纪律。 在微信小程序如何展示富文本编辑器设置的内容 我们对Markdown编辑器进行了一些功能...
微信公众号在线答题小程序系统怎么做答题游戏活动
mon_star°的博客
09-03 3426
在线答题小程序概述 各位小伙伴，大家一定知道微信在线答题游戏，自然在微信公众号里也参加过一些答题活动，那什么是答题活动呢？ 一般我们指导指的微信答题功能就是指在微信公众号内创建一个答题活动，公众号管理者可以自行添加答题的题库数量，答题的题型基本为简单的选择题型，答题活动往往可以设置一定的答题天数，以及每天答题的题目数量，每当答题正确后即可获得相应的答题分数，当最后整个答题活动周期结束后，就可以统计出在整个活动期所答对题目的总分数。系统会自动给出一个答题总分数的排行榜。这就是我们常说的微信在线答题系统，现
小程序跳转问题
weixin_34088838的博客
06-28 124
2019独角兽企业重金招聘Python工程师标准>>> ...
微信小程序单选多选全选
05-18
微信小程序中可以通过使用组件来实现单选、多选和全选功能。 单选： 可以使用radio组件来实现单选功能。radio组件需要与radio-group组件配合使用。当用户点击其中一个radio后，radio-group会自动将其它的radio选项取消选中。 多选： 可以使用checkbox组件来实现多选功能。checkbox组件需要与checkbox-group组件配合使用。当用户点击某个checkbox时，checkbox-group会自动将其它的checkbox选项保持原有状态。 全选： 可以使用checkbox组件来实现全选功能。需要在checkbox组件中加入一个value属性，并将其绑定到全选按钮的checked属性上。当用户点击全选按钮时，将全选按钮的状态传递给所有的checkbox选项即可。 示例代码： 单选： ``` <radio-group> <label wx:for="{{list}}" wx:key="{{index}}"> <radio value="{{item.value}}">{{item.name}}</radio> </label> </radio-group> ``` 多选： ``` <checkbox-group> <label wx:for="{{list}}" wx:key="{{index}}"> <checkbox value="{{item.value}}">{{item.name}}</checkbox> </label> </checkbox-group> ``` 全选： ``` <checkbox value="all" checked="{{allChecked}}" bindchange="onAllChange">全选</checkbox> <checkbox-group> <label wx:for="{{list}}" wx:key="{{index}}"> <checkbox value="{{item.value}}" checked="{{item.checked}}">{{item.name}}</checkbox> </label> </checkbox-group> ``` 其中，allChecked和item.checked为数据中的属性，需要在js文件中定义和更新。onAllChange为全选按钮的change事件处理函数，代码如下： ``` onAllChange: function (e) { const isChecked = e.detail.value.length > 0; const list = this.data.list.map(item => { item.checked = isChecked; return item; }); this.setData({ allChecked: isChecked, list }); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值