I have the following problem and I have not found a way to solve it. I'm using a dynamically generated table, which consists of 4 columns: a checkbox, text values ​​and a hidden input.

echo <tr><td><div class='input-containerh'><input type='checkbox'></div></td>;

echo <td> .$s. </td>;

echo <td> .$L.  and some vars............    </td>;

echo <td><input type='hidden' value= .  some vars.... ></td>;

echo </tr>;

As I want to format the checkbox, because in some browsers the cell makes me too big, I use a DIV to format input (checkbox) and it works good for me.

Now the problem is a javascript function that detect if the input was select and now does not work me:

function deleteRow(tableID) {

        try {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;



        for(var i=1; i<rowCount; i++) {

            var row = table.rows[i];

            var chkbox = row.cells[0].childNodes[0];

            if(null != chkbox && true == chkbox.checked) {

                table.deleteRow(i);

                rowCount--;

                i--;

            }

Using firebug I found that the problem was:

var chkbox = row.cells[0].childNodes[0];

because it refers to DIV not at input.

How i can reach the input element that is within DIV and also inside the cell?

Thanks for help.