如何同时启用/禁用多个控件？

Question

我有许多复选框 HTML 控件在服务器上运行，我想一起禁用和启用它们。 我尝试将它们设置在 ASP.Net 面板中并将面板设置为禁用，但它们保持启用状态。

有什么想法吗？

代码

<asp:Panel runat="server" ID="PrivilegesCheckList" >
    <input id="adminPrivilegeCheckBox" type="checkbox" runat="server" />
    <asp:Literal ID="Literal1" runat="server" Text="<%$ Resources:Resource, itemAdminPrivilege%>" />
    <br />
    <input id="accountPrivilegeCheckBox" type="checkbox" runat="server" clientidmode="Static" />
    <asp:Literal ID="Literal2" runat="server" Text="<%$ Resources:Resource, itemAccountManagerPrivilege%>" />
    <br />
    <input id="employeePrivilegeCheckBox" type="checkbox" runat="server" clientidmode="Static" />
    <asp:Literal ID="Literal3" runat="server" Text="<%$ Resources:Resource, itemEmployeeManagerPrivilege%>" />
    <br />
    <input id="orgChartPrivilegeCheckBox" type="checkbox" runat="server" clientidmode="Static" />
    <asp:Literal ID="Literal4" runat="server" Text="<%$ Resources:Resource, itemOrgChartPrivilege%>" />
</asp:Panel>

Answer 1

使用 JavaScript，您可以执行以下操作：

var controls = document.getElementById("<%=panel1.ClientID%>").getElementsByTagName("input");

for (var i = 0; i < controls.length; i++)
     controls[i].disabled = true;

请注意，ASP.Net 为服务器端控件（此处为面板）生成动态 Id，它倾向于使用上面的 document.getElementById("<%=panel1.ClientID%>")。

Answer 2

将面板设置为禁用将适用于像 CheckBox 这样的 asp 控件，但不适用于带有 runat=server 的输入。此复选框被禁用，因为面板已 Enabled=false：

<asp:Panel ID="Panel1" runat="server" Enabled="false" >
    <asp:CheckBox ID="CheckBox1" runat="server" /> 
</asp:Panel>

您也可以使用 jquery（客户端）轻松修复此问题：

$('#mypanelClientID input[type=checkbox]').attr('disabled', true);