如何设置一组RadioButton，确保同一时间仅可选中一个？

不同技术栈的实现逻辑略有差异，以下是几种常见场景的具体操作方式：

1. HTML 原生 RadioButton #

HTML 的单选按钮天生支持互斥分组，核心是给同一组的按钮设置完全相同的name属性：

<label>
  <input type="radio" name="gender" value="male"> 男
</label>
<label>
  <input type="radio" name="gender" value="female"> 女
</label>
<label>
  <input type="radio" name="gender" value="other"> 其他
</label>

• 浏览器会自动处理同一name组内的互斥逻辑，同一时间只能选中一个选项。
• 要设置默认选中项，直接给目标按钮加checked属性即可：<input type="radio" name="gender" value="male" checked>

2. Android 平台（Java/Kotlin） #

Android 里需要把 RadioButton 放在RadioGroup容器中，容器会自动管理子按钮的互斥状态：

XML 布局示例： #

<RadioGroup
    android:id="@+id/radioGroup"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <RadioButton
        android:id="@+id/radioMale"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="男"/>

    <RadioButton
        android:id="@+id/radioFemale"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="女"/>

    <RadioButton
        android:id="@+id/radioOther"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="其他"/>
</RadioGroup>

• 代码中监听选中状态：

val radioGroup = findViewById<RadioGroup>(R.id.radioGroup)
radioGroup.setOnCheckedChangeListener { group, checkedId ->
    when(checkedId) {
        R.id.radioMale -> // 处理男选项逻辑
        R.id.radioFemale -> // 处理女选项逻辑
        R.id.radioOther -> // 处理其他选项逻辑
    }
}

• 注意：不要直接在 XML 里给多个 RadioButton 设checked="true"，默认选中建议在代码中调用radioGroup.check(R.id.radioMale)。

3. WPF/.NET #

WPF 中 RadioButton 的互斥分两种情况：

• 如果按钮在同一个父容器（如StackPanel、Grid）内，无需额外设置就会自动互斥；
• 如果按钮分散在不同容器，需要给它们设置相同的GroupName属性来分组：

<StackPanel>
    <RadioButton Content="男" GroupName="Gender" IsChecked="True"/>
    <RadioButton Content="女" GroupName="Gender"/>
    <RadioButton Content="其他" GroupName="Gender"/>
</StackPanel>

通用注意事项 #

• 同一组的 RadioButton 应该对应同一维度的互斥选项（比如性别、支付方式），逻辑上要合理；
• 尽量依赖平台/框架的原生分组机制，不要手动写点击事件控制选中状态，避免出现逻辑漏洞。

内容的提问来源于stack exchange，提问作者Skur WithMe