选中/取消选中Html表的所有复选框 [英] Check/ Uncheck all checkbox of a Html Table

问题描述

我有一个HTML表，其中包含< TH> 中的复选框以及< TD> 我希望所有< TD> 的复选框都应根据< TH> 的复选框;请帮我解决这个问题。我写了下面的代码，但它不起作用：

I have got a HTML table which contain a check box in <TH> and other checkboxes in <TD> I want that all <TD>'s checkboxes should be checked /unchecked on basis of <TH>'s Check box; please help me resolve this. I wrote following code, but its not working:

   <script language="javascript" type="text/javascript">
  function SelectAll(id) {

    var frm = document.getElementById('tblemail');

    for (i=0;i<frm.elements.length;i++) {

        if (frm.elements[i].type == "checkbox") {

            frm.elements[i].checked = document.getElementById(id).checked;

        }

    }

} 

</script>

推荐答案

请尝试以下代码

var frm = document.getElementById('tblemail').getElementsByTagName("input");
var len = frm.length;
var checkedStatus = document.getElementById(id).checked;

for (i=0;i<len;i++) 
{
    if (frm[i].type === "checkbox") 
    {    
        frm[i].checked = checkedStatus;
    }
}

这篇关于选中/取消选中Html表的所有复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！