微信小程序使用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 相关文章推荐
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 Javascript
在Mac OS下使用Node.js的简单教程
Jun 24 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
详解vue中组件参数
Jul 09 Javascript
Vue组件创建和传值的方法
Aug 17 Javascript
三种Webpack打包方式(小结)
Sep 19 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
详解Angular Karma测试的持续集成实践
Nov 15 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
Sep 10 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 Javascript
详解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
YII实现分页的方法
2014/07/09 PHP
php操作xml入门之cdata区段
2015/01/23 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
超详细的php用户注册页面填写信息完整实例(附源码)
2015/11/17 PHP
深入讲解PHP的Yii框架中的属性(Property)
2016/03/18 PHP
CI映射(加载)数据到view层的方法
2016/03/28 PHP
利用PHP绘图函数实现简单验证码功能的方法
2016/10/18 PHP
php双层循环(九九乘法表)
2017/10/23 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
juqery 学习之三 选择器 可见性 元素属性
2010/11/25 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
2015/05/07 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
微信小程序 require机制详解及实例代码
2016/12/14 Javascript
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
React如何避免重渲染
2018/04/10 Javascript
基于小程序请求接口wx.request封装的类axios请求
2020/07/02 Javascript
微信小程序实现转盘抽奖
2020/09/21 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
python发送邮件实例分享
2017/07/28 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
如何使用python传入不确定个数参数
2020/02/18 Python
python中Ansible模块的Playbook的具体使用
2020/05/28 Python
如何理解python面向对象编程
2020/06/01 Python
Python设计密码强度校验程序
2020/07/30 Python
python selenium xpath定位操作
2020/09/01 Python
如何获取某个日期是当月的最后一天
2013/12/05 面试题
华山导游词
2015/02/03 职场文书
入党个人总结范文
2015/03/02 职场文书
会计求职简历自我评价
2015/03/10 职场文书
开学第一周总结
2015/07/16 职场文书
ipad隐藏软件app图标方法
2022/04/19 数码科技