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

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。