I have a web page with a table. I have a function that inserts a new row into that table:

function slow_insertRow(n)
{
    r = document.getElementById('theTable').insertRow(n)
    return r
}

and then I insert a series of cells into the row using, for example: c0 = r.insertCell(0)

In one of the cells, I want to create a checkbox. Now, I can simply write the HTML for a checkbox into the cell (by setting the innerHTML of the cell) - but that is no good because I cannot subsequently get a handle on the checkbox object (in fact, the object does not even exist).

So - how can I create a checkbox object in javascript, and insert it into my cell? When I have done that, I want to set its properties, such as id and value etc.

Hope you can help me achieve this. Thanks.

You should be able to create one using document.createElement("input") then set the type to checkbox and append it using cell.appendChild(). There was a problem in some older versions of IE that you couldn't set the name property effectively. If you need this then you'll have to test for IE and use document.createElement("<input type=\"checkbox\" name=\"chkWhatever\">") instead.

--

Joe (Microsoft MVP - XML)

Thanks, I will try this. Is there a way I can destroy a previously-created element?

You can use removeChild() or removeNode(). Look them up online.

--

Joe (Microsoft MVP - XML)

Hi friends,
Am padhu, am creating a application named job tracker in that there is a search page .i can a see employees status who are all working,not started and completed in that if any completes and not finished correctly then i have to reopen the same job for them.
so i need to append two heads and two textboxes,can any one helpme out from this prob.