使用 JavaScript 禁用单选按钮列表项

Question

我正在尝试使用 JavaScript 从 asp RadioButtonList 禁用单选按钮。这是我所拥有的：

<asp:RadioButton ID="rbPlanner" runat="server" onclick="deselectRadioListItem('P');" />

它调用此客户端 JavaScript onClick...

function deselectRadioListItem(radioValue) {
    var clientID = ('<%= rblSummaryOptions.ClientID %>');
    for (i = 0; i < '<%= rblSummaryOptions.Items.Count %>'; i++) {
        if (document.getElementById(clientID + "_" + i.toString()).value == radioValue) {
            (clientID + "_" + i.toString()).disabled === true;
        }
        else
        {
            (clientID + "_" + i.toString()).disabled === false;
        }
    }
}

一切似乎都工作正常（触发、迭代、if 语句工作），但是单选按钮控件并未被禁用，即使逻辑被击中。我缺少什么？非常感谢帮助！

Answer 1

=== 运算符用于比较。您需要使用=。

function deselectRadioListItem(radioValue) {
    var clientID = ('<%= rblSummaryOptions.ClientID %>');
    for (i = 0; i < '<%= rblSummaryOptions.Items.Count %>'; i++) {
        if (document.getElementById(clientID + "_" + i.toString()).value == radioValue) {
            document.getElementById(clientID + "_" + i.toString()).disabled = true;
        }
        else
        {
            document.getElementById(clientID + "_" + i.toString()).disabled = false;
        }
    }
}

或者清理一点：

function deselectRadioListItem(radioValue) {
    var clientID = ('<%= rblSummaryOptions.ClientID %>');
    for (i = 0; i < '<%= rblSummaryOptions.Items.Count %>'; i++) {
        var objCurrentRdo = document.getElementById(clientID + "_" + i.toString());

        if (objCurrentRdo.value == radioValue)
            objCurrentRdo.disabled = true;
        else
            objCurrentRdo.disabled = false;
    }
}​

其他信息：查看 MDN 上的比较运算符。

Answer 2

这肯定是错误的。

(clientID + "_" + i.toString()).disabled === true;

也许你不会打字

document.getElementById(clientID + "_" + i.toString()).disabled = true;

，或者更好的

function deselectRadioListItem(radioValue) {
        var clientID = ('<%= rblSummaryOptions.ClientID %>');
        for (i = 0; i < <%= rblSummaryOptions.Items.Count %>; i++) {
                document.getElementById(clientID + "_" + i).disabled = 
              document.getElementById(clientID + "_" + i).value == radioValue;
        }
    }

是你这里有一些错误......