如何使标签索引适用于同一组中的单选按钮？

Question

我有这样的场景

<asp:RadioButton ID="userActiveYesRadioButton" GroupName="activeGroup" Text="Yes"
       runat="server" TabIndex="4" />&nbsp;
<asp:RadioButton ID="userActiveNoRadioButton" GroupName="activeGroup" Text="No"
       runat="server" TabIndex="5" />

由于这些单选按钮在同一个组中，标签索引不起作用。在这种情况下是否可以使 tabindex 工作？ 如果我删除该组，它们不会保持互斥。

提前致谢

Answer 1

您可以使用替代品， 移除 GroupName 属性并使用 javascript 使单选按钮互斥。

举例

function toggle(obj) {
    if (obj.value == "Radio1") {
        document.getElementById('ctl00_ContentPlaceHolder1_Radio2').checked = false;
    }
    else if (obj.value == "Radio2") {
        document.getElementById('ctl00_ContentPlaceHolder1_Radio1').checked = false;
    }
}

在单选按钮的 onClick 事件上调用“toggle(this)”。

注意：'ctl00_ContentPlaceHolder1_'被添加到控件 id 因为内容占位符。