脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信小程序radio显示单选项

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

 更新时间：2017年12月11日 10:13:32   作者：FutrueJet  
这篇文章主要介绍了微信小程序使用radio显示单选项功能,涉及针对radio组件事件响应相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下

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

1、效果展示

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检查数字是否为整数或浮点数的方法

    JavaScript检查数字是否为整数或浮点数的方法

    这篇文章主要介绍了JavaScript检查数字是否为整数或浮点数的方法,涉及javascript类型判断的相关技巧,需要的朋友可以参考下
    2015-06-06
  • Js中的Object.entries()基本知识详细分析(附Demo)

    Js中的Object.entries()基本知识详细分析(附Demo)

    Object.entries方法能将对象的可枚举属性转为数组,每个元素是键值对数组,可用于for...of迭代,下面这篇文章主要介绍了Js中的Object.entries()基本知识的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • 微信小程序环境下将文件上传到OSS的方法步骤

    微信小程序环境下将文件上传到OSS的方法步骤

    这篇文章主要介绍了微信小程序环境下将文件上传到OSS的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript的内置对象Math和字符串详解

    JavaScript的内置对象Math和字符串详解

    这篇文章主要为大家介绍了JavaScript的内置对象Math和字符串，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2021-11-11
  • 深入浅出JSON.parse的实现方法

    深入浅出JSON.parse的实现方法

    众所周知,JSON.parse方法用于将一个json字符串转换成由字符串描述的 JavaScript 值或对象,本文主要为大家介绍了JSON.parse方法的使用,需要的可以参考下
    2024-04-04
  • JS回调函数原理与用法详解【附PHP回调函数】

    JS回调函数原理与用法详解【附PHP回调函数】

    这篇文章主要介绍了JS回调函数原理与用法,结合实例形式详细分析了JavaScript回调函数的概念、原理、用法,并给出了PHP回调函数的使用示例,需要的朋友可以参考下
    2019-07-07
  • js 自定义个性下拉选择框示例

    js 自定义个性下拉选择框示例

    下拉选择框想必大家并不陌生，一边情况下都是使用默认的，为了打破传统，下面与大家分享下使用js自定义下拉选择框示例代码,感兴趣的朋友可以参考下
    2013-08-08
  • js利用canvas制作一个实时时钟

    js利用canvas制作一个实时时钟

    Canvas是HTML5中强大的绘图工具,它让我们能够在网页上创建各种精美的图形和动画效果,本文将向您展示如何使用Canvas制作一个实时时钟,感兴趣的可以了解下
    2023-08-08
  • 微信小程序实现左滑删除效果源码

    微信小程序实现左滑删除效果源码

    这篇文章主要给大家介绍了关于微信小程序实现左滑删除效果的相关资料,左滑删除效果在app的交互方式中十分流行,比如全民应用微信,文中给出了详细的实现代码,需要的朋友可以参考下
    2023-08-08
  • jquery获取URL中参数解决中文乱码问题的两种方法

    jquery获取URL中参数解决中文乱码问题的两种方法

    从A页面通过url传参到B页面时，获取URL中参数出现中文乱码问题，解析url参数的正确方法如下，感兴趣的朋友可以参考下
    2013-12-12

最新评论