checkbox property "checked" working in FF but not in IE ... suggestions please ...

[ssh]

 function testfn(name) 
var tbody = document.getElementById('hellospace').getElementsByTagName('tbody')[0];
    var row = document.createElement('TR');
    var cell1 = document.createElement('TD');
    cell1.align="left";
    cell1.style.height = "22";
    cell1.style.width = "15";
    cell1.valign = "middle";
    cell1.className = "dwInfo";
    var inp1 = document.createElement('INPUT');
    inp1.type = "checkbox";
    inp1.name = "collectionName";
    inp1.value = name;
    inp1.checked = "checked";
 
    cell1.appendChild(inp1);
    //cell2
    var cell2 = document.createElement('TD');
    cell2.style.height = "22";
    cell2.align ="left";
    cell2.className = "dwInfo";
    cell2.innerHTML= name ;
    row.appendChild(cell1);
    row.appendChild(cell2);
    tbody.appendChild(row);     
 
} 
 

All works find in firefox but in IE the checkbox property "checked" doesnt seem to be working.

Problem:
This function testfn(name) is used to append a row whenever a particular conditions check is true. So here in firefox when the function executes, a row is appended and also the checkbox is checked. In IE the row is appended but the checkbox is not checked.

It would be great if anyone could suggest where the problem could be.

Thanks in Advance,
ssh.

[iam_clint]

try checked=true

[mrhoo]

I don't know why, but if you append the input element to the document first,you can then set the checked value:

cell1.appendChild(inp1);
inp1.checked = "checked";

This also seems to be needed by Opera, and it
will apply the value in firefox,which doesn't care, just as well.

[iam_clint]

thats interesting never tried that.

[ssh]

I don't know why, but if you append the input element to the document first,you can then set the checked value:

cell1.appendChild(inp1);
inp1.checked = "checked";

This also seems to be needed by Opera, and it
will apply the value in firefox,which doesn't care, just as well.

hi!
I tried both the ways already but couldnt get it working in IE. Anyway Thank you very much.

I also tried checked = "true" but still it doesnt work in IE. Need to find some other way to get it checked ...

Regards,
ssh

[acoder]

There are two solutions to this:

• Set the defaultChecked property instead.
• Try

  inp1.setAttribute("checked","checked");

  after appending as suggested by mrhoo

See this link.

[ssh]

There are two solutions to this:

• Set the defaultChecked property instead.
• Try

  inp1.setAttribute("checked","checked");

  after appending as suggested by mrhoo

See this link.

Initially i used setAttribute but this 'setAttribute' doesnt work in IE7. It works only in ff.

Regards,
ssh

[acoder]

Initially i used setAttribute but this 'setAttribute' doesnt work in IE7. It works only in ff.

Regards,
ssh

IE! Such a buggy browser!

Use the first option then:

inp1.defaultChecked=true

[Atli]

Initially i used setAttribute but this 'setAttribute' doesnt work in IE7. It works only in ff.

Regards,
ssh

This works fine for me in IE7.

<input type="checkbox" id="cb" />
<br />
<div onclick="javascript: getElementById('cb').setAttribute('checked', 'checked');">
Linkage
</div>
 

[Atli]

For some weird reason the checked attribute can not be set before the input is appended to the cell.
So append it first and then check it.

I tested both var.checked and var.setAttribute on my IE7 and they both work fine.

[acoder]

Initially i used setAttribute but this 'setAttribute' doesnt work in IE7. It works only in ff.

Regards,
ssh

It should work as confirmed by Atli. Post your new code.

[Diego Barreiro]

'someCheckBox.checked' should work in IE if the element is inside a form and you access it through the forms collection:

document.forms.someForm.someCheckBox.checked


Diego

[Henry Ren]

var checkbox = document.createElement('input');
checkbox.setAttribute('type', 'checkbox');
checkbox.setAttribute('name', 'elem_name');
checkbox.setAttribute('id', 'elem_name');
checkbox.setAttribute('value', 1);
checkbox.setAttribute("checked", true);
checkbox.checked    = "checked";
checkbox.defaultChecked    = true;
 

I've just met this kind of problem before, the above code segment works fine in IE6+,FF,Chrome