Question

我正在尝试从js启用我的复选框列表？这是我的代码：

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script>
        function enabledCBL() {
            document.getelementbyid('CheckBoxList1').disabled = false;
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <button onclick="enabledCBL()">enable</button>
        <asp:CheckBoxList ID="CheckBoxList1" runat="server" TextAlign="Right">
            <asp:ListItem Text="een">

            </asp:ListItem>
            <asp:ListItem Text="twee">

            </asp:ListItem>
            <asp:ListItem Text="drie">

            </asp:ListItem>
            <asp:ListItem Text="vier">

            </asp:ListItem>
        </asp:CheckBoxList>
    </div>
    </form>
</body>
</html>

Answer 1

JavaScript区分大小写。您的陈述必须是：

document.getElementById('CheckBoxList1').disabled = false;

尝试，

function enabledCBL() {
        var tab = document.getElementById('CheckBoxList1');

        var checkboxes = tab.getElementsByTagName("input");
        for (i = 0; i < checkboxes.length; i++)
            checkboxes[i].disabled = false;
    }

<button>标记会回发您需要将类型属性添加到按钮。

<button type="button"  onclick="enabledCBL()">
            enable</button>

Answer 2

请将CheckBoxList设为ClientIDMode="Static"，然后重试。如果没有指定ClientIDMode，它将生成一些id ct001_CheckBoxList

了解更多： http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode.aspx

Answer 3

取消选中复选框列表中的项目但是我已经厌倦了javascript中的启用清单。但它不适合我..希望这段代码可以帮到你。所以我发布在这里。

function Validate()
{
var tableBody = document.getElementById('CheckBoxList1').childNodes[0];
for (var i=0;i<tableBody.childNodes.length; i++)
{
var currentTd = tableBody.childNodes[i].childNodes[0];
var listControl = currentTd.childNodes[0];
if (listControl.checked==true)
{
listControl.checked = false;
}
}
}


<asp:CheckBoxList ID="CheckBoxList1" runat="server"  TextAlign="Right">
        <asp:ListItem Text="aa">
        </asp:ListItem>
        <asp:ListItem Text="twee">
        </asp:ListItem>
        <asp:ListItem Text="drie">
        </asp:ListItem>
        <asp:ListItem Text="vier">
        </asp:ListItem>
    </asp:CheckBoxList>

我在Jquery中看到了一个基于您需求的示例请参阅此链接Jquery

如何从javascript启用asp.net checkboxlist？

3 个答案: