首页
学习
活动
专区
圈层
工具
发布

vue - 使用vue实现自定义多选与单选的答题功能

本来实现多选单选这个功能,vue组件中在表单方面提供了一个v-model指令,非常的善解“猿”意, 能把我们的多选单选功能很完美且很强大得双向绑定起来,实现多选、单选、任意选...根本不在话下。...可悲的是,这个项目两个月后,我才来做项目复盘, 话说也就在此时,我才发现有一种更简单的方式来实现并且应用上v-model, 为什么要为了样式放弃功能然后自己吭哧吭哧傻滴呼呼的用js来实现了类似双向绑定的感觉...== 100112){ 30 alert('您已答题完毕!')...= 100112){ 88 alert('您已答题完毕!不能重复答题。'); 89 }else{ 90 if(!...; 116 }else if(this.state.progress > 100107){ 117 alert('您已答题完毕!不能重复答题。')

4.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    答题小程序学习,题库答题类小程序,云开发+cms做后台,有错题集,积分排名,做题进度

    今天开始手把手的带大家实现一款答题类的小程序,如果着急的话,可以直接去看最后一章源码下载与项目部署 一,效果预览 小程序端 1,首页 可以看到我们首页有顶部轮播图,随机答题,分类答题 首页顶部轮播图...,排名之前需要先注册用户 答题之前可以先注册用户再答题积分 用户还未注册时会有如下提醒 7,答题完成得分和错误个数 8,题型分类 单选题 多选题 判断题 9,分类答题和随机答题 也可以从题库里随机抽取题目答题...5-2,多选wxml页面的布局 题目:这门课的老师是谁?... 效果如下 5-3,多选的js页面 由于我们多选的时候有很多种打分规则,这里以两个最常见的打分规则为例。...3-1,去云开发控制台获取环境id 3-2,app.js里的云开发环境id要换成你的 4,云函数 4-1,云函数目录选择环境 一定要和你的云开发环境id保持一致。

    2.6K31

    jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo

    jQuery 获取多选框值,以及多选框中文的函数实践 by FungLeo 前言 本方法是我刚在项目中用的方法.可能有更加好的方法.但我不清楚....DOM结构 我的多选框的dom结构,都是下面这种的.都是基础知识,不做过多阐述.... 宁夏 使用这种方法的优点是,点击文字就可以选择多选框了...关于美化多选框和单选框的内容,可以参考我的博文《关于单选框以及复选框的css美化方法》 JS代码 返回已经选中的多选框的值函数 function returnCheckboxVal(name){...返回已经选中的多选框的项目名称 如上,可能我需要返回的是甘肃,青海,陕西,宁夏这样的项目名.当然,这个也是可以做到的.

    2.2K20

    在线教育风口已来,这几个开源项目不能错过 | Gitee 项目推荐

    学之思在线考试系统,支持多种题型:选择题、多选题、判断题、填空题、解答题以及数学公式,包含PC端、小程序端,扩展性强。 ?...项目地址:https://gitee.com/wells2333/spring-microservice-exam 3、项目名称:在线答题系统(在线考试) WTS 项目简介:本系统为在线答题系统(在线考试...支持题型:单选题、多选题、填空题、问答题、判断题、附件题、材料题、视频题、音频题支持答题类型:手工配置 试卷答题、随机抽题练习社交功能:试题收藏、试题评论、试题解析、试题点赞权限控制:题库权限、考场权限...系统采用前后端分离模式,前台采用vue.js为核心框架,后台采用Spring Cloud为核心框架。

    6.8K30
    领券