wex5使用list显示题目checkedbox修改成radio单选

最新推荐文章于 2020-03-19 20:28:43 发布
最新推荐文章于 2020-03-19 20:28:43 发布
阅读量796 收藏 1
点赞数
分类专栏： Wex5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq445622441/article/details/79035064
版权
本文介绍了如何在WeX5中将list显示的题目中原本的checkedbox组件改为radio单选，并提供了两种思路。思路一尝试使用radio组件但遇到传值问题，于是采用思路二，通过checkbox并配合事件监听，实现选中一个时取消其他选项的选择。具体实现包括获取checkedbox元素，设置onchange事件以及遍历并取消其他选项的选择状态。
摘要由CSDN通过智能技术生成

 WeX5 使用list显示题目checkedbox修改成radio单选

一、思路1：用radio 组件，无法传值

二、思路2：用checkbox ,选中一个，其他不让选中

（1）找到对应的checkedbox

（2）增加对应onchange事件

（3）选中一个，其他清空；选中一个一个赋值？？？？？（脑子到这里变成浆糊）

最低0.47元/天 解锁文章
小红薯bilibili
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WEX5常用组件介绍
zong0823的博客
04-20 3501
data            数据组件 model         模型 bar             容器组件（用于放置button,buttonGroup等组件） contents panel row scrollview titlebar window
实现一个单选组件 Radio 和 RadioGroup
weixin_34334744的博客
06-18 2446
i-radio代码 <template> <label> <span> <input type="radio" :disabled="disabled" @change="change" ...
wex5 教程 之 图文讲解 考题模块框架设计
weixin_30885111的博客
12-14 96
前几天帮人设计了一个手机版（做了屏幕适配，电脑使用也正常）的考题框架，供学习交流使用，今天把设计思路与技巧命整理一下。 一 效果演示： 1 登陆后台 题库管理 试卷管理 考生管理 科目管理 2 考生注册 考生登陆 进入考试界面 开始答题 ...
WeX5客观题软件开发与list组件应用等典型疑问
weixin_33750452的博客
03-28 125
界面实现无论是WEX还是BEX，开发各种客观题模块都是最常见的。但是，最近在利用业余时间想开发一个学生使用的小型客观题系统时遇到了麻烦。首先，在论坛上搜索到了大量相似问题。问题或者过于简单，或者过于特殊。且看一下本人提供的客观题界面，我相信这种设计思路还是与大多数应用需求相一致的。这是单选题界面和多选题界面。注意：我每一个小题旁边放置的按钮是便于学生自我测试时看参考答案时使用的。这个小功能设计比较...
wex5 单选多选实例解析
distinctive_MAN的博客
10-09 814
前言 之前做wex5的时候踩过wex5的坑，现在对自己实现的单选以及多选做一个实例总结，并且wex5的文档上也有详细的说明，其中主要的就是data组件添加字段控制，如下图 创建一个data组件并且给与两个字段fcheck以及fState，通过点击事件改编组件的值的状态 多选（通过点击事件修改data值）： 单选（通过点击事件执行下列函数修改data属性，具体参考文档自带的淘宝项目）： //单选后...
Draw2D 模拟SWT控件之RadioButton、CheckedBox
03-19
本文将深入探讨如何使用Draw2D模拟SWT中的RadioButton和CheckedBox控件，以及这些控件在实际应用中的作用和实现方式。 首先，RadioButton和CheckedBox是GUI中的两种常见选择控件。RadioButton通常用于提供一组互斥...
checkedbox 选中效果 选中子,主自动选中,选中主 子全部选中
01-21
使用 `${list.name}` 和 `${list.id}` 来显示和设置每个 checkbox 的值和文本内容。 ```html ${list.name}   [${i}]" value="${list.id}" ...> ``` 这种方式使得页面可以根据传入的数据动态地生成...
checkedbox全选 js文件
08-18
HTML checkbox js全选 相信可以对您有用，js全选
ListView实现单选多选.zip
08-26
通常配合CheckedTextView或CheckedBox控件使用，以视觉上突出选中状态。 4. **多选模式（Multiple Choice）**： - 多选模式下，用户可以同时选择多个项目。同样通过setChoiceMode()方法，但传入CHOICE_MODE_...
checkbox点击事件修改样式
01-08
当`checkbox`被选中时，显示“选中了”，反之则显示“未选中”。 总结来说，通过CSS和jQuery，我们可以实现对`checkbox`的样式和行为的完全定制。在这个例子中，我们不仅改变了`checkbox`的外观，还添加了点击事件...
wex5 checkbox
wjm0519的博客
06-06 1551
1.首先将checbox组件放入页面中2.在数组组件中定义chenkbox的状态列，并关联checkbox组件3.并将checkbox组件下的checkvalue值设为1，为选中状态，不选中则为空4.用jquery写点击时间来做状态交互5.效果展示      ...
wex5点击查询按钮切换标题
丁三寿
10-17 536
公司开发要求点击查询按钮切换显示的标题 &lt;div class="x-panel-top" xid="top1"&gt; &lt;div component="$UI/system/components/justep/titleBar/titleBar" title="标题" class="x-titlebar" xid="dzpz&q
WeUI的radio与cheakedBox选中与设置选中问题
Mr.Yuan
11-10 2万+
cheakedBox判断的方法就是, 选定的元素是否有checked这个属性, 如果有就是已选中, 没有就是未选中 // 标签绑定的onchange = "changeState(this)" function changeState (ele) { if(ele.checked){ ele.removeAttribute('checked')
wex5 教程 之 图文讲解 登陆，注册，页面跳转
chuibang3834的博客
11-08 730
视频教程地址：http://v.youku.com/v_show/id_XMTc3OTE0Nzg0NA==.html 效果预览： 登陆页面 首页用windowContaine...
Android | RadioGroup--设置默认选中
热门推荐
CnPeng
12-06 6万+
RadioGroup 中， 是通过RadioButton 的 id 来控制是否选中。1. 布局文件中控制：如果在xml 布局文件中需要控制一个RadioButton 默认选中，就需要给他设置一个id。如果不设置id 的话，就会导致该RadioButton 一直是选中状态。代码如下： <RadioGroup android:id="@+id/rg" android:la
微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义
武当山道士的博客
12-28 6万+
原理：直接覆盖微信小程序定义的 单选/复选按钮样式，从根本上实现样式自定义；本文采用的方法不需要隐藏原来的按钮，也不需要在按钮上附加样式表。 场景：商城购物车 复选框 效果：仿天猫购物车的UI 使用：如果单独页面单独样式，就写到对应page的wxss里，如果整个小程序都用此样式，就写到app.wxss里 复选按钮（checkbox）修改及使用如下 .wxml: &lt;che...
wex5组件--windowDialog
MX_xuanXiao的博客
11-03 6905
WindowDialog windowDialog 提供了类似模态视图的推出方式，并且提供返回上一级界面的的相应方法注：一定要给windowDialog的src属性设置连接到子界面才能跳转 打开 windowDialog open打开界面可以传递参数this.comp("windowDialog1").open({data:'123'});在子界面windowReceiver的on
wex5 buttonGroup设置
pursuingyu的博客
03-19 573
wex5开发页面时，若在页面底部放置buttonGroup组件时，其默认的样式如下图： 如果想要按钮组能适应地与页面等宽，需要设置buttonGroup的class属性，如下图所示： 设置完成后就能看到适应的页面，浏览器运行结果如下图所示： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值