微信小程序radio组件使用详解
作者：Rattenking 发布时间：2024-04-19 10:41:44
标签：微信小程序,radio
本文为大家分享了微信小程序radio组件的使用方法，供大家参考，具体内容如下
效果图
WXML
<view class="tui-content">
<radio-group class="radio-group" bindchange="radioChange">
<label class="radio" wx:for="{{items}}">
<view class="tui-menu-list"><radio color="#007aff" value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}</view>
</label>
</radio-group>
<view class="tui-show-name">
{{radioStr}}
</view>
</view>
JS
Page({
data: {
items: [
{ name: 'USA', value: '美国' },
{ name: 'CHN', value: '中国', checked: 'true' },
{ name: 'BRA', value: '巴西' },
{ name: 'JPN', value: '日本' },
{ name: 'ENG', value: '英国' },
{ name: 'TUR', value: '法国' },
],
radioStr: '中国'
},
radioChange: function (e) {
var str = null;
for (var value of this.data.items) {
if (value.name === e.detail.value) {
str = value.value;
break;
}
}
this.setData({ radioStr: str });
}
})
总结
由于e.detail.value是一个字符串，所以直接采用for…of…对比就可以确定点击目标。
DEMO下载
来源：http://blog.csdn.net/m0_38082783/article/details/78958100
0
投稿猜你喜欢
- 这篇文章主要介绍了Oracle数据库到SQL Server数据库主键的迁移过程，具体内容请参考下文。由于项目需要要将以前Oracle的数据库
本文用python在TCP的基础上实现一个HTTP客户端, 该客户端能够复用TCP连接, 使用HTTP1.1协议. 一. 创建HT- 本文实例讲述了Python实现SVN的目录周期性备份方法。分享给大家供大家参考。具体如下：起因：今天用SVN时，不小心把远程SVN服务器上的
- pyinstaller 库的使用PyInstaller是一个十分有用的第三方库，它能够在Windows、Linux、Mac OS X 等操作
- 本文为大家分享了python爬取酷狗音乐排行榜的具体代码，供大家参考，具体内容如下#coding=utf-8from pymongo imp
- 在附加数据库后查看不了数据库关系图，也无法建立数据库关系图 我的解决方法如下： 1、设置兼容级别为90（2005为90）（2000为80）
- 一、如何将列表数据写入文件 ⾸先，我们来看看下⾯这段代码，并思考：这段代码有没有问题，如果有问题的话，要怎么改？li = [
- 要随机生成字符串代码如下：在MySQL中定义一个随机串的方法，然后再SQL语句中调用此方法。随机串函数定义方法：CREATE DEFINER
- 【问题描述】我们生产环境有一组集群的多台MySQL服务器(MySQL 5.6.21)，不定期的会crash，但error log中只记录了重
- function formatNum(num){ if
- **截止文章发布chinese_calendar版本为1.8.0，大约在每年的11月份更新次年的节假日新版本import datetimef
- 求0到1之间的随机数使用random模块中的random()函数，作用就是返回一个[0,1)之间的随机数。import randomprin
- 如果当前绝对定位的元素需要透明（没啥内容、且不设置背景），背景元素有内容透出来的时候，IE6/IE7响应的不是期望的当前元素，而是背景元素。
- 前言目前，Golang 可以认为是服务器开发语言发展的趋势之一，特别是在流媒体服务器开发中，已经占有一席之地。很多音视频技术服务提供商也大多
- 二维数组循环嵌套方式<div class="box"> <div class="
- 在浏览天极RSS订阅页面时，可以看到天极网为方便用户定制站点内容而设立的各个RSS频道。浏览者通过订阅不同的RSS(可同时订阅多个网站)，就
- 1.pycharm运行python脚本的过程使用pycharm等编辑器run/debug运行python脚本时，编辑器会通过本地python
- 从一头雾水到模模糊糊，不明原理，暂时记录一下1.安装Qtcratersudo pacman -S qtcreater2.打开Qtcrater
- '************************************* 'asp计算随机数&nb
- 昨日内容：ORM高级查询-filterid=3id__gt=3id__lt=3id__lte=3id__gte=3-in /not in.f
