首页 > web前端 > js教程 > 在微信小程序中如何显示单选项

在微信小程序中如何显示单选项

亚连
发布: 2018-06-21 16:24:46
原创
2891 人浏览过

这篇文章主要介绍了微信小程序使用radio显示单选项功能,涉及针对radio组件事件响应相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下

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

关键代码

① 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:&#39;&#39;
 }, 
 radiogroupBindchange:function(e){
  console.log(e);
  this.setData({
   text:&#39;您选择了&#39;+e.detail.value
  })
 }
})
登录后复制

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

使用VS Code编辑器如何开发AngularJS 2应用程序

在Vue中有关SPA首屏加载优化(详细教程)

在Angular中有关管道操作符(|)用法

VS Code编辑器中关于修改选中文字或代码颜色操作

在微信小程序中如何使用request网络进行请求操作

在VUE中如何实现数组更新功能

在vuejs中使用模块化的方式开发

Vue项目优化需要注意哪些?

在vue-cli中如何实现组件通信

使用angular完成Message组件编写

使用EasyUI如何绑定Json数据源

以上是在微信小程序中如何显示单选项的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板