在微信小程序中，radio 是用于表示单选项的表单组件。以下是一个简单的 radio 示例：
<view class="container">
  <radio-group bindchange="radioChange" >
    <label class="radio">
      <radio value="option1" checked="{{radioChecked1}}"/> 选项1
    </label>
    <label class="radio">
      <radio value="option2" checked="{{radioChecked2}}"/> 选项2
    </label>
    <label class="radio">
      <radio value="option3" checked="{{radioChecked3}}"/> 选项3
    </label>
  </radio-group>
</view>

在对应的 .js 文件中，你需要定义 radioChange 函数以处理选中项的变化：
Page({
  data: {
    radioChecked1: false,
    radioChecked2: false,
    radioChecked3: false,
  },

  radioChange: function (e) {
    const value = e.detail.value;

    // 根据选中的值，更新相应的数据
    this.setData({
      radioChecked1: value === 'option1',
      radioChecked2: value === 'option2',
      radioChecked3: value === 'option3',
    });
  },
});

在这个示例中，radio-group 包含了三个 radio，每个 radio 有一个对应的 value 属性。通过 radioChange 函数，你可以获取用户选择的值，并更新相应的数据，以反映当前的选择状态。

你可以根据实际需求调整选项的数量和内容。此外，你也可以使用 wx:for 来动态生成 radio，使代码更具扩展性。


转载请注明出处：http://www.zyzy.cn/article/detail/808/微信小程序