微信小程序radio单选项组件

微信小程序radio单选项组件

radio的使用与HTML中radio的使用几乎一模一样，一般用于选项的单项选择。建议将不同组的radio分别嵌套在不同的radio-group中，方便管理、区分，当radio-group内的radio改变的时候，会触发radio-group的bindchange事件。

与checkbox多选项组件的区别在于：checkbox一般为正方形，radio一般为圆形。checkbox可以选择多个，而radio只能选择一个。radio单选项组件示例如下：

<!--index.wxml-->
<radio-group bindchange="radioChange" style='margin-left:20px;'>
  <radio value='北京' checked>北京</radio><view></view>
  <radio value='上海'>上海</radio><view></view>
  <radio value='广州'>广州</radio><view></view>
  <radio value='深圳'>深圳</radio><view></view>
  <radio value='杭州'>杭州</radio><view></view>
</radio-group>
// index.js
Page({
  radioChange: function(e){
    console.log(e.detail.value);
  }
})

radio单选项组件示例如图所示：

radio单选项组件属性如表所示：

酷客网相关文章：

• 微信小程序checkbox多选项组件
• 微信小程序button按钮组件
• 微信小程序form表单组件
• 微信小程序map地图组件