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

Question

我有一个包含行的表,每行都有一些<td>元素.最后一个元素有一个复选框.它们在a <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)" />

这是一个工作演示.添加/编辑 URL以查看代码