微信小程序----组件之radio
来源:互联网 发布:网络建设服务商 编辑:程序博客网 时间:2024/05/19 18:37
效果图:
项目结构:
核心代码:
index.wxml
<radio-group class="radio-group" bindchange="radioChange"> <label class="radio" wx:for="{{items}}"> <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}} </label></radio-group>
index.wxss.radio-group{ display: flex; flex-direction: column; }
index.js
Page({ data: { items: [ { name: 'USA', value: '美国' }, { name: 'CHN', value: '中国', checked: 'true' }, { name: 'BRA', value: '巴西' }, { name: 'JPN', value: '日本' }, { name: 'ENG', value: '英国' }, { name: 'TUR', value: '法国' }, ] }, radioChange: function (e) { console.log('radio发生change事件,携带value值为:', e.detail.value) }})
源码下载:http://download.csdn.net/download/zhaihaohao1/9968483阅读全文
0 0
- 微信小程序----组件之radio
- 微信小程序把玩(十九)radio组件
- Android组件之Radio
- 如何在微信小程序自定义个性化radio组件
- 微信小程序-radio
- Android组件之Radio与CheckBox
- Radio组件
- Radio 组件
- 微信小程序开发之radio实现显示和隐藏功能
- 微信小程序之组件学习
- 微信小程序----组件之view
- 微信小程序----组件之swiper
- 微信小程序----组件之text
- 微信小程序----组件之progress
- 微信小程序----组件之icon
- 微信小程序----组件之button
- 微信小程序----组件之checkbox
- 微信小程序----组件之form
- ios 怎么让子视图不响应父视图的手势识别器呢?
- 有一个超毒舌的对象是什么体验?
- Lengthening Sticks CodeForces
- Mybatis中javaType和jdbcType关系对照表
- java IO笔记(Reader/Writer)
- 微信小程序----组件之radio
- JavaSE(八)之集合概述
- java中两种跳转方式:从定向和请求转发
- HDU 6053 TrickGCD(莫比乌斯反演)
- mybatis插件 mybatis-generator的使用
- 文件上传(类型限制)及删除实例
- Qt开发社区开区之言
- Android/Ios 运行Cordova打包Vue的WebApp
- 30:含k个3的数