asp.net - Javascript 检查表/asp.net 中的所有复选框

Question

我有一个包含行的表，每一行都有几个 <td>元素。最后一个元素有一个复选框。他们在 <div>设置为 runat="server" .我在页面上有另一个名为“chkAll”的复选框，单击它时，我想用 javascript 选中或取消选中我表中的所有复选框。

我不太擅长 Javascript，所以我不知道该怎么做。我添加了一个 javascript onclick 方法，并将 document.getelementbyid 放入 div.clientID，但我不确定从那里该做什么。有什么想法吗？

Answer 1

一旦你有了 <div>元素作为引用，使用 getElementsByTagName()得到<input>元素，然后检查 type属性，如果它是一个复选框，则将其设置为 checked属性与 checked 相同复选框的属性 chkAll .例如

function toggleCheckBoxes(elem) {

    var div = document.getElementById('<% = divid.ClientID %>');

    var chk = div.getElementsByTagName('input');
    var len = chk.length;

    for (var i = 0; i < len; i++) {
        if (chk[i].type === 'checkbox') {
            chk[i].checked = elem.checked;
        }
    }        
}

然后将此函数附加为 chkAll 的单击事件处理程序元素

<input type="checkbox" id="chkAll" onclick="toggleCheckBoxes(this)" />

这是一个 Working Demo 。将 /edit 添加到 URL 以查看代码