微信小程序-radio单选框

微信小程序-radio单选框

demo.wxml


<radio-group bindchange="bandleChange">
  <radio color="red" value="male">radio>
  <radio color="red" value="female">radio>
radio-group>

<view>您选中的是:{{ gender }}view>

demo.js

// pages/demo14/demo14.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    gender: ""
  },
  bandleChange(e){
    // 1 获取单选框中的值
    let gender = e.detail.value;
    // 2 把值赋值给 data 中的数据
    this.setData({
      // gender:gender
      gender
    })
  }
})

示例

微信小程序-radio单选框_第1张图片

微信小程序-radio单选框_第2张图片

微信小程序-radio单选框_第3张图片

你可能感兴趣的:(微信小程序笔记)