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

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

创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都网站制作、阿尔山网络推广、微信小程序开发、阿尔山网络营销、阿尔山企业策划、阿尔山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供阿尔山建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

1、效果展示

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

2、关键代码

① index.wxml


 radio1
 radio2
 radio3

提示:{{text}}

② 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

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


本文标题:微信小程序使用radio显示单选项功能【附源码下载】
URL地址:http://ybzwz.com/article/ggjdjs.html