Check/ Uncheck all checkbox of a Html Table

Question

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>

rahul · Accepted Answer · 2010-02-01 07:30:07Z

2

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

edited Feb 1, 2010 at 7:30

answered Feb 1, 2010 at 6:46

rahul

188k50 gold badges239 silver badges266 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nickf Over a year ago

I would consider avoiding looking up the getElementById inside the loop. var checked = document.getElementById(id).checked; for (/* blah blah*/) { frm[i].checked = checked; }

Gerard Banasig · Accepted Answer · 2010-02-01 06:46:17Z

0

Have you Tried

document.getElementById(id).checked = true

answered Feb 1, 2010 at 6:46

Gerard Banasig

1,71313 silver badges20 bronze badges

Collectives™ on Stack Overflow

Check/ Uncheck all checkbox of a Html Table

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related