CODEWITHSUNDEEP
javascriptasp.netcheckboxhtml-table
Dr. Rajesh Rolen
Dr. Rajesh Rolen

Reputation: 14285

Check/ Uncheck all checkbox of a Html Table

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>

Upvotes: 0

Views: 1811

Answers (2)

rahul
rahul

Reputation: 187050

Try the following code

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;
    }
}

Upvotes: 2

Gerard Banasig
Gerard Banasig

Reputation: 1713

Have you Tried

document.getElementById(id).checked = true

Upvotes: 0

Related Questions