radio-group

微信小程序入门（十）：组件checkbox/radio

checkbox就是所谓的多选框，在使用时需要配合checkbox-group，于此同时radio，单选按钮，与之配合是radio-group，现就针对这两个组件进行属性的介绍：checkboxvalue
睿丶清·2024-02-03 11:37

《微信小程序开发从入门到实战》学习九十六

第三章介绍了许多表单组件，包括form、input、textarea、picker、switch、button、radio、radio-group、checkbox、checkbox-group和label
那长长遥远的路·2024-01-30 22:39

《微信小程序开发从入门到实战》学习二十八

比较特别的是投票选项的展示，涉及到单选还是多选，现在使用radio实现单选的功能，radio组件结合radio-group组件一起使用，一个radio组件代表一个选项。
那长长遥远的路·2023-11-25 10:33

uniapp 封装弹窗组件（popup ，单选按钮，可以自选表单并提交表单）附有完整代码

↓界面结构如下首先利用radio-group中的label分成两部分，这样点单选按钮就可以出发整个label包裹的样式↓（点击label区域单选按钮亮起，触发radioChange方法改变radioState
Pumpkinz·2023-11-23 20:23

基于element-ui的el-radio-group表单组件

目录实际效果Radio单选框是Form表单组件中的一种单选框总共有三个组件el-radio、el-radio-button和el-radio-group今天讨论radio-group实际效果表单部分代码
找寻她的影子·2023-11-21 02:28

uni-app DAY06

scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input)、按钮(button)、导航器(navigator)、轮播(swiper)、单选按钮(radio-group
BlueMozeer·2023-11-13 02:44

uni-app DAY08

(rich-text)、图片(image)、输入框(input)、按钮(button)、导航器/超链接(navigator)、轮播(swiper)、拾取器/下拉菜单/选择器(picker)、单选按钮(radio-group
BlueMozeer·2023-11-13 02:44

uni-app DAY07

(rich-text)、图片(image)、输入框(input)、按钮(button)、导航器/超链接(navigator)、轮播(swiper)、拾取器/下拉菜单/选择器(picker)、单选按钮(radio-group
BlueMozeer·2023-11-04 22:16

详解微信小程序Radio选中样式切换

效果如下：切换效果原理主要是通过判断一个radio-group中哪个被选中，就让它加上一个“active”的样式。
神木惊蛰·2023-10-17 17:39

wux-weapp 框架/radio-group/index“ not found

/dist/radio-group/index"notfoundappid:ideVersion:1.06.2303220osType:win32-x64time:2023-06-
叠叠乐·2023-10-08 19:09

写微信小程序的问题总结

逻辑不熟；3，从js文件中获取的字符串显示在页面上要空两格；4，在app.json文件中，更改小程序的首页后（即更改pages数组的第一个元素），上传代码后，对体验码扫码，发现首页不是之前设置的首页；5，radio-group
汉武大帝··2023-09-22 10:12

微信小程序

WXSS弹性盒子布局flexvh、vw高斯模糊filter微信开发者工具快捷键三级目录WXML双花括号组件通用属性viewinputslider组件icon组件switch组件form组件radio和radio-group
豆瓣鸡·2023-07-29 08:44

uniapp中单选按钮的实现

标签说明：radio-group：单项选择器，内部由多个组成。通过把多个radio包裹在一个radio-group下，实现这些radio的单选。
周小航.·2023-07-24 18:31

【微信小程序---radio单选框讲解】

radio单选框1radio标签必须要和父元素radio-group来使用2value选中的单选框的值3需要给radio-group绑定change事件bindchange=“handleChange”
studyer网·2023-06-08 20:18

微信小程序中组件和存储以及传递数据

表单组件input、button、checkbox-group、checkbox、radio-group、radio、textarea、picker本地存储微信小程序中，也有本地存储对象。
周帅帅Love·2022-06-21 11:17

字节跳动小程序 【开发】 自学总结2

关于表单复选框与单选框添加事件通过在checkbox-group和radio-group上添加bindchange事件，来获取结果//--jsdata:{checkboxData:{false,false
squidbrother·2022-02-21 17:01

ui框架组件中的过渡动画卡顿

使用的ui框架antd-vue问题描述菜单切换卡顿tabs切换卡顿radio-group切换卡顿问题排查接口数量接口返回数据量接口返回时间从以上三个角度排查发现数据数量和接口返回数据量越多，越卡顿成正相关同时发现接口返回时间也会影响
·2021-04-13 14:41

ui框架组件中的过渡动画卡顿

使用的ui框架antd-vue问题描述菜单切换卡顿tabs切换卡顿radio-group切换卡顿问题排查接口数量接口返回数据量接口返回时间从以上三个角度排查发现数据数量和接口返回数据量越多，越卡顿成正相关同时发现接口返回时间也会影响
·2021-04-13 13:48

Vue3组件（七）封装选择类的组件

分类选择类的组件可以细分为：勾选（一个CheckBox）开关（Switch）下拉选择（Select）单选组（radio-group）多选组（checkbox-group）可填可选（autocomplete
自然框架·2021-02-20 08:52

uniapp多个radio-group获取id问题

uniappradio无法像element直接获取到数组中选项checked提交的model,那我们就在用户点击按钮事件来传我们radio-group的id：@change="radioChange($
水户洋平啊·2020-12-25 17:25

uniapp多个radio-group获取id问题

uniapp无法像element直接获取到数组中选项checked提交的model,那我们就在用户点击按钮事件来传我们radio-group的id@change="radioChange($event,
水户洋平啊·2020-12-25 16:54

详解微信小程序Radio选中样式切换

/**index.wxss**/radio-group{width:100
焕想-不怎么回复博客·2020-09-16 03:39

mpvue 使用坑的记录 （持续更新）

单选框应该用radio-group标签包裹起来，@change事件为改变状态时触发；里面input的value为绑定的值，主要作用在改变时赋值，checked是否默认状态{{item.name}}复制代码
weixin_33972649·2020-08-11 19:58

mpvue开发小程序项目遇到的问题

check-group和radio-group的问题==很多坑，尽量别用==value绑定选中值，值无法绑定item（object类型），只能绑定
weixin_30846599·2020-08-11 15:09

微信小程序实现快递查询功能（界面传值、JSON数据请求和解析、radio-group的使用...）

运行效果：请求数据之前需要首先在小程序平台设置服务器域名第一个界面的实现：界面传值、radio-group的使用first.wxml请选择快递公司：{{item.name}}查询快递first.wxss
Stevin的技术博客·2020-08-08 15:03

iview radio组 label如果为数字，默认选中的解决办法

label为数字时，需要在label前加‘：’来绑定，这样就可以实现默认选中了已审待审拒审还有Radio-group的v-model我原来写的是对象格式，formValidate.auditStatus
张大臀·2020-08-08 11:35

小程序的商品规格选择

小程序radio-group实现选择多层级商品规格效果：（当用户没有选择完所有规格，则提示用户选择其他规格。
大灰狼吃小白兔·2020-08-01 06:23

【代码】微信小程序 简单一个页面，网上图片展示

scroll-view,swiper,swiper-item,icon,text,progress,button,checkbox-group,checkbox,form,input,label,picker,radio-group
神创·2020-07-13 09:59

拜读及分析Element源码-radio组件篇

element-ui单选框radio组件源码分析，也是很常用的一个单选框组件分为3部分radio-group:单选组，适用于多个互斥的选项中选择的场景radio：单选radio-button:按钮样式的单选
weixin_34362875·2020-07-08 18:17

vue radio-group 选择问题

需求：点击radiogroup中的某一个radio，弹出对话框让用户进行确认，根据用户点击的结果进行不同的操作问题：因为vue是双向绑定的，所以点击radio之后，无论用户点击对话框中的哪个结果，radio的样式就已经改变解决办法：使用中间值的方式进行解决，将原始值记录到中间值中，每次对中间值和radio的change事件中回调的值做对比，如果相同不做操作（radio的change会捕获radio
W1ngLLL·2020-07-07 01:39

微信小程序打星评分功能

2019独角兽企业重金招聘Python工程师标准>>>效果图：html：{{stars}}分css：/*打星*/radio-group{background-color:#fff;display:flex
weixin_34375054·2020-06-28 18:55

微信小程序之Radio单选

只有在多个radio情况下用到radio-group。单选的时候可以用checkbox了,但是有的小伙伴非要用一个radio来做点击取消怎么办。
煤油灯的芯·2020-06-28 03:24

uniapp初识笔记

需要手动设置宽度4、radio标签使用包裹在radio-group标签里，使用change事件变更数据；修改默认样式，该样式需要在app.vue根文件里导入；页面组件里使用不起作用
weixin_30952535·2020-06-28 02:05

微信小程序把玩（十九）radio组件

radio组件为单选组件与radio-group组合使用，使用方式和checkbox没啥区别主要属性：wxml{{item.value}}jsPage({data:{array:[{name:'Jave
顺子_RTFSC·2020-06-27 09:10

关于radio-group取消选择项问题

场景：使用radio组件，删除选中项。使用官网https://uniapp.dcloud.io/component/radio中例子，会出现以下情况。左边的图为选中后，右边图为删除选中项后。大家可以看到执行完删除操作后被选中项还是停留在第三项的位置。想取消这种类似于记忆的功能，即执行完操作后所有选中项清空，如下图所示：f在删除函数里，把checked的值设置为空就可以了。{{item.name}}
潮落拾贝·2020-06-26 08:55

小程序中radio-group组件实现类似到UISegmentControl风格

|文档地址https://developers.weixin.qq.com/miniprogram/dev/component/radio.html创建一个空白项目开始着手将index.wxml与index.js替换成文档中的代码照搬文档中的代码并略作修改{{item.title}}//index.js*Page({*data:{*items:[*{value:'USA',title:'美国'},
极乐叔·2020-06-26 06:28

小程序单选radio-group修改样式

这个排版是真的麻烦，因为上面还有其他的显示，本来觉得很快的，当时弄了一会儿checked表示默认选中备注一体化白卡危险品无(默认).text_main1{font-size:30rpx;color:#495060;width:100%;height:130rpx;margin:30rpxauto;margin-left:30rpx;}.text{width:20%;margin-top:6rpx;
岩崎理奈·2020-06-25 21:10

微信小程序单项选择框radio-group用法

wxml男女wxss：radio-group{display:flex;align-items:center;}radio-group.radio{margin-left:20rpx;}radio-groupradio
杰哥有话说·2020-06-25 15:30

微信小程序Radio选中样式切换

效果如下：原理主要是通过判断一个radio-group中哪个被选中，就让它加上一个“active”的样式。
Tiramisu_C·2020-06-24 17:11

微信小程序radio-group 默认选中某一项

{{item.value}}items:[{value:'1人',checked:"true"},{value:'2人'},{value:'3人'},{value:'4人'},{value:'5人'},{value:'6人'},{value:'7人'},{value:'8人'},{value:'9人'},{value:'10人'},{value:'10人以上'},]varindex=6//此处可以
0x12·2020-06-24 10:34

微信小程序 radio-group（排列） 及事件绑定、点击切换样式

一、这里的测试页面是参照（小打卡的-tab页“发现”）来设计的wxml代码：搜索{{item.name}}模板wxml代码：{{title}}{{slogan}}{{content}}wxss代码：（其实在这里已经有了点击切换样式了）/*pages/find/find.wxss*/page{width:100%;height:100%;}.window{width:100%;height:100%
风正吹·2020-06-21 15:05

微信小程序radio-group 组件的使用

效果图：wxml文件代码如下：中文English.wxss文件样式如下：page{background:#fff;}.choose-language{color:red;background:skyblue;}.lang_btn{display:block;}.lang_btn2{display:none;}.lang_title{padding:30rpx30rpx;height:60rpx;w
尹东·2020-06-21 15:34

微信小程序 radio-group 动态修改默认勾选某一项

写项目的时候碰到一个问题，页面打开的时候需要默认勾选radio的某一项，默认勾选项是会变化的，网上查找了一下，没找到类似的文章，自己研究了一下，现在分享给大家。首先wxml部分{{item.name}}js部分varchecked="progress[0].checked"//其中progress[0]中空号里只能存放0-9的数字this.setData({[checked]:true})但是这种
银鞍照白马·2020-06-21 12:16

小程序中radio-group组件实现类似到UISegmentControl风格

|文档地址https://developers.weixin.qq.com/miniprogram/dev/component/radio.html创建一个空白项目开始着手将index.wxml与index.js替换成文档中的代码照搬文档中的代码并略作修改{{item.title}}//index.js*Page({*data:{*items:[*{value:'USA',title:'美国'},
极乐叔·2019-12-18 11:36

详解微信小程序Radio选中样式切换

效果如下：原理主要是通过判断一个radio-group中哪个被选中，就让它加上一个“active”的样式。
·2019-09-24 16:37

微信小程序 radio单选框组件详解及实例代码

slider微信小程序switch微信小程序textarea微信小程序picker-view微信小程序picker微信小程序label微信小程序input微信小程序form微信小程序checkbox实现效果图：radio-group
·2019-09-22 20:26

多端小程序通用 radio-group

前言：1.除了支付宝外的小程序radio都可以重复点击，确认取消2.之前多选按钮是自己的手撸控件，为了还原设计效果3.微信端label需要设置block属性订单已取消重新预约请告诉我们原因{{item.value}}let_self;exportdefault{data(){return{isok:true,items:[{name:'1',value:'计划有变，暂时不需要服务了'},{name
多纤果冻·2019-08-06 17:06

小程序--自定义金额和单选金额的表单提交

要求是可以自定义输入金额或者单选其中固定金额，点击自定义输入金额的时候，单选radio的样式清除，而且不能有数据保存，点击radio单选框的时候，输入框内的值要清除，并且不能有值保存首先确定使用input和radio-group
Siyuan_95·2019-07-01 10:39

elementUi vue el-radio 监听选中变化的实例代码

elementUivueel-radio监听选中变化的实例代码如下所述：//change是radio-group标签的事件男女exportdefault{name:'Radio',data(){return
温九月·2019-06-28 13:44

elementUi vue el-radio 监听选中变化

//change是radio-group标签的事件男女exportdefault{name:'Radio',data(){return{radioSex:'man'}},methods:{changeHandler
```...简单点·2019-06-28 11:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他