这篇文章主要介绍了微信小程序使用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
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
Atas ialah kandungan terperinci 微信小程序使用radio显示单选项功能【附源码】. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Platform dagangan pukal
Bagaimana untuk mematikan kemas kini automatik dalam win10
Bagaimana untuk menyelesaikan masalah bahawa perkongsian rangkaian komputer riba tidak mempunyai kebenaran?
Bagaimana untuk melaksanakan pertanyaan rekursif dalam mysql
Perisian penciptaan laman web
Perkara yang perlu dilakukan mengenai ralat sambungan
Word halaman tunggal menukar orientasi kertas
Pengenalan kepada penggunaan fungsi paksi dalam Matlab
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
