radio(单项选择器)组件也是表单中常用的组件

用来在多个选项中选出一个,选项之间是互斥的关系
例如,性别的选择

radio组件的属性

image.png

radio选项的外层由<radio-group>包裹,<radio-group>里有多个,如示例3-23所示

  1. index.wxml
  2. --------------
  3. <view>
  4. <radio-group bindchange="radioChange">
  5. <view><radio value="html">HTML</radio></view>
  6. <view><radio value="css">CSS</radio></view>
  7. <view><radio value="js">JavaScript</radio></view>
  8. <view><radio value="mnp">微信小程序</radio></view>
  9. </radio-group>
  10. </view>
  11. ------------------------------------------------------
  12. index.js
  13. -------------
  14. Page({
  15. radioChange: function(e){
  16. console.log('radio发生change事件,携带value值为:', e.detail.value)
  17. }
  18. })

image.png