微信小程序使用radio显示单选项功能【附源码下载】


Posted in Javascript onDecember 11, 2017

本文实例讲述了微信小程序使用radio显示单选项功能。分享给大家供大家参考,具体如下:

1、效果展示

微信小程序使用radio显示单选项功能【附源码下载】

2、关键代码

① index.wxml

<radio-group bindchange="radiogroupBindchange">
 <radio value="radio1">radio1</radio>
 <radio value="radio2">radio2</radio>
 <radio value="radio3">radio3</radio>
</radio-group>
<view>提示:{{text}}</view>

② index.js

Page({
 data:{
  // text:"这是一个页面"
  text:''
 }, 
 radiogroupBindchange:function(e){
  console.log(e);
  this.setData({
   text:'您选择了'+e.detail.value
  })
 }
})

3、源代码点击此处本站下载

关于radio组件的更多详细说明还可参考官网:https://mp.weixin.qq.com/debug/wxadoc/dev/component/radio.html

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
用js实现的页面关键字密度查询代码
Dec 27 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 Javascript
JS分页控件 可用于无刷新分页
Jul 23 Javascript
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
js生成缩略图后上传并利用canvas重绘
May 15 Javascript
js获取form的方法
May 06 Javascript
js控住DOM实现发布微博效果
Aug 30 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
Jan 17 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
React Native使用fetch实现图片上传的示例代码
Mar 07 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
Nov 04 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
Nov 09 jQuery
详解webpack编译多页面vue项目的配置问题
Dec 11 #Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 #Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 #Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
Dec 11 #Javascript
Mac中安装nvm的教程分享
Dec 11 #Javascript
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 #jQuery
基于dataset的使用和图片延时加载的实现方法
Dec 11 #Javascript
You might like
两个强悍的php 图像处理类1
2009/06/15 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
PHP常用设计模式之委托设计模式
2016/02/13 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
2016/05/30 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
js异步上传多张图片插件的使用方法
2018/10/22 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
Vue中常用rules校验规则(实例代码)
2019/11/14 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
win8下python3.4安装和环境配置图文教程
2018/07/31 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
python子线程退出及线程退出控制的代码
2019/10/16 Python
pandas实现将日期转换成timestamp
2019/12/07 Python
python数据处理——对pandas进行数据变频或插值实例
2020/04/22 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
解决python 在for循环并且pop数组的时候会跳过某些元素的问题
2020/12/11 Python
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
全世界最美丽的四星和五星级酒店预订:Prestigia.com
2017/11/15 全球购物
日本最大级玩偶手办购物:あみあみ Amiami
2018/04/23 全球购物
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
应届毕业生求职信范例分享
2013/12/17 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
私人会所最新创业计划书范文
2014/03/24 职场文书
股东出资证明书范例
2014/10/04 职场文书
档案工作个人总结
2015/03/03 职场文书