Question

I have a table containing checkboxes. I add checkboxes to a table whenever a button is clicked as follows:

    var cell3 = row.insertCell(2);
    cell3.innerHTML = '<input type="checkBox" value=\"selected?\" style="cursor:pointer" value="htcb"/>';

How can I find out if the checkbox in, say cell 3, is selected?

I’ve tried this

var myCheckBox = row.cells[2].innerHTML;
   if(myCheckBox .checked == true)
      //

but it doesn’t work

Answer 1

The innerHTML property is just a string, you need to access the DOM object itself.

Seeing as the <input> is the only thing in the cell, this should work:

var myCheckBox = row.cells[2].firstChild;
if (myCheckBox.checked) {
    ...
}