首页 > 微信 > 详细

微信小程序radio组件

时间:2019-01-09 18:08:53      阅读:255      评论:0      收藏:0      [点我收藏+]

wxml文件

<radio-group bindchange="changeme">
<label wx:for=‘{{items}}‘>
<radio value=‘{{item.value}}‘ checked=‘{{item.checked}}‘ />
{{item.name}}
</label>
</radio-group>

js文件

Page({

  /**
   * 页面的初始数据
   */
  data: {
    items: [
      { name: ‘USA‘, value: ‘美国‘ },
      { name: ‘CHN‘, value: ‘中国‘, checked: ‘true‘ },
      { name: ‘BRA‘, value: ‘巴西‘ },
      { name: ‘JPN‘, value: ‘日本‘ },
      { name: ‘ENG‘, value: ‘英国‘ },
      { name: ‘TUR‘, value: ‘法国‘ },
    ]
  },
  changeme:function(e){
    var a = e.detail.value;
    console.log(a);
  }

  
})

radio要用radio-group包住。

只有一个bindchange事件。当change这个radio的时候,事件会e.detail.change一个当前选择的value出来。

微信小程序radio组件

原文:https://www.cnblogs.com/fuckingPangzi/p/10245748.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!