Retrieving checkbox status in an HTML table using JavaScript

Question

I'm trying to remember the syntax for getting an element inside a table using JavaScript. I have a table with a checkbox in it. These are dynamic checkboxes or i would just use the getElementById. Here is how I'm doing it. I know I'm close, but just figured it out yet. Here is the code I have so far:

   table_name.rows[0].cells[0].item[0]

or

   tbl_run_avail.rows[1].cells[0].elements[0]

Frédéric Hamidi · Accepted Answer · 2011-09-02 15:43:06Z

1

Since you're using DOM Level 0, you're probably looking for the childNodes property:

table_name.rows[0].cells[0].childNodes[0];

The above assumes that the check box is the very first child node of your table cell. In this situation, you can avoid unnecessary indexing by using the firstChild property:

table_name.rows[0].cells[0].firstChild;

answered Sep 2, 2011 at 15:43

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

Comments

Luc125 · Accepted Answer · 2011-09-02 15:53:07Z

0

It's easy if you use the children property:

yourTable.rows[0].cells[0].children[0];

answered Sep 2, 2011 at 15:53

Luc125

5,87736 silver badges35 bronze badges

Collectives™ on Stack Overflow

Retrieving checkbox status in an HTML table using JavaScript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related