微信小程序把玩(十九)radio组件

微信小程序把玩(十九)radio组件_第1张图片

radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别

主要属性:

微信小程序把玩(十九)radio组件_第2张图片

微信小程序把玩(十九)radio组件_第3张图片

wxml


<radio-group bindchange="listenerRadioGroup">

    <label style="display: flex" wx:for-items="{{array}}">
        <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
    label>
radio-group>

js

Page({
  data:{
    array:[
        {name: 'Jave', value: 'Android', checked: 'true'},
        {name: 'Object-C', value: 'IOS'},
        {name: 'jsx', value: 'ReactNative'},
        {name: 'js', value: 'WeChat'},
        {name: 'Python', value: 'Web'},
    ]
  },
  /**
   * radio监听事件
   */
  listenerRadioGroup:function(e) {
      console.log(e);
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})

你可能感兴趣的:(微信小程序把玩)