如何使用标准JavaScript取消选中所有asp.net复选框?

如何使用标准JavaScript取消选中所有asp.net复选框?,javascript,asp.net,web,Javascript,Asp.net,Web,我试图在单击一段文本时取消选中所有asp.net复选框,但由于某些原因,它无法工作。我尝试了多种解决方案,但都不起作用。你能帮我吗?这就是我目前所拥有的 我想在单击“清除”时清除“复选框列表1”。顺便说一句,我只使用JavaScript,而不是JQuery。非常感谢你 HTML 一定有比这更好的方法,但如果你总是知道会有多少复选框,它是有效的 首先,当复选框列表在页面上呈现时,它呈现为一个表,因此进入复选框(在浏览器工具中查看html)会有点尴尬,如下所示: <table id="

我试图在单击一段文本时取消选中所有asp.net复选框,但由于某些原因,它无法工作。我尝试了多种解决方案,但都不起作用。你能帮我吗?这就是我目前所拥有的

我想在单击“清除”时清除“复选框列表1”。顺便说一句,我只使用JavaScript,而不是JQuery。非常感谢你

HTML


一定有比这更好的方法,但如果你总是知道会有多少复选框,它是有效的

首先,当复选框列表在页面上呈现时,它呈现为一个
,因此进入复选框(在浏览器工具中查看html)会有点尴尬,如下所示:

<table id="CheckBoxList1">
    <tbody>
        <tr>
            <td>
                <input id="CheckBoxList1_0" type="checkbox" 
                    name="CheckBoxList1$CheckBoxList1_0" value="meat">
                <label for="CheckBoxList1_0">Meat</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="CheckBoxList1_1" type="checkbox" 
                    name="CheckBoxList1$CheckBoxList1_1" value="fish">
                <label for="CheckBoxList1_1">Fish</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="CheckBoxList1_2" type="checkbox" 
                    name="CheckBoxList1$CheckBoxList1_2" value="vegan">
                <label for="CheckBoxList1_2">Vegan</label>
            </td>
        </tr>
    </tbody>
</table>

我没有搜索,但我打赌在某处有更好的答案。

非常感谢!因为你,我第一次尝试就成功了。尽管你的代码有点像黑客,但它让我基本了解了使其工作所需的复选框。我接受了你的代码并对其进行了调整。谁会想到这么小的问题会产生这么大的影响!再次感谢!干杯最终的结果是这样的:函数clear1(){var chk1=document.getElementById(“CheckboList1”);for(var i=0;ifunction clear() { var chk1 = document.getElementById("CheckBoxList1"); for (var item in chk1.childNodes.length) { item.checked = false; }
<table id="CheckBoxList1">
    <tbody>
        <tr>
            <td>
                <input id="CheckBoxList1_0" type="checkbox" 
                    name="CheckBoxList1$CheckBoxList1_0" value="meat">
                <label for="CheckBoxList1_0">Meat</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="CheckBoxList1_1" type="checkbox" 
                    name="CheckBoxList1$CheckBoxList1_1" value="fish">
                <label for="CheckBoxList1_1">Fish</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="CheckBoxList1_2" type="checkbox" 
                    name="CheckBoxList1$CheckBoxList1_2" value="vegan">
                <label for="CheckBoxList1_2">Vegan</label>
            </td>
        </tr>
    </tbody>
</table>
function clear1() {
    for (var i = 0; i < 3; i++) {
        var chkbox = document.getElementById("CheckBoxList1_" + i);
        chkbox.checked = false;
    }
}