微信小程序里怎么控制两个只能选择一个的？

方法/步骤

打开微信小程序开发工具，打开已新建的或新建一个项目

请点击输入图片描述

新建一个页面文件wxml，插入一个radio-group，然后内嵌四个radio

请点击输入图片描述

保存代码并查看左侧模拟器，可以查看到一组单选按钮

请点击输入图片描述

在对应页面的JS文件中，定义单选按钮组change事件changeJa

请点击输入图片描述

保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果

请点击输入图片描述

下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类

请点击输入图片描述

再次保存代码并查看左侧模拟器，可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

有两种方法获取表单项的值

监听form提交事件 bindsubmit (一般都要这样做，因为很多场景下要推送模板消息，就要用到formId 只有在form提交事件里才能获取到formId)

在radio-group里监听change事件(bindchange) ，事件中的e.detail.value即是选中的值，如果是checkbox，会是一个数组

小程序文档：radio

有两种获取方法：

1. 在所有单选按钮组外边套一个 form 组件，并且加一个包含属性 formType="submit" 的

button 按钮，每组单选按钮的 name 使用你的 data-index，选择完闭后点击按钮，在

bindsubmit 绑定的方法中可以获取到所有值：

formSubmit(event) {

const values = event.detail.value

const result = Object.keys(values).sort().map(key => values[key])

console.log(result)// 此时的 result 就是一个按顺序(name)排序的

}

2. 使用 radio-group 的 bindchange，设置值时用 data-index 确定位置。

---