如何使标签索引工作的单选按钮是在同一组

本文关键字：一组 标签 何使 索引 工作 单选按钮 | 更新日期: 2023-09-27 18:06:38

我有一个这样的场景

<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在这种情况下工作?如果我删除组，它们就不会互斥了。

Thanks in Advance

如何使标签索引工作的单选按钮是在同一组

你可以使用另一个删除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，因为内容占位符。

相关文章：