【微信小程序---radio单选框讲解】

radio 单选框

1 radio 标签 必须要和 父元素 radio-group 来使用

2 value 选中的单选框的值

3 需要给 radio-group 绑定 change 事件 bindchange=“handleChange”

4 需要在页面中显示选中的值

---

radio单选框.wxml

<radio-group bindchange="handleChange">
	<radio value="male">男</radio>
	<radio value="female">女</radio>
</radio-group>

<view>您选中的是：{
  {gender}}</view>

---

---

radio单选框.js

Page({
  data: {
    gender: ""
  },
  handleChange(e) {
    console.log(e);
  }
})

 这里输出的e的位置就是选中单选框radio之后索取value中的值的存放位置