[jQuery] radio button created using dom are not working in IE
Hi,
I am facing a strange issue. It's regarding radio button
I am using following code to generate radio button but the following
code behavesdifferent for different browser. In IE it sshows all
selected radio buttons and user can't deselect them. And in Mozilla it
shows last button selected.
function createRadioButtons(e){
var radio_element = document.createElement('<input type="radio"
name="trim" value="aaaaa" checked>');
var tr_element = document.createElement('tr');
var td_element = document.createElement('td');
var td_element2 = document.createElement('td');
td_element.appendChild(document.createTextNode('link'));
td_element2.appendChild(radio_element);
tr_element.appendChild(td_element);
tr_element.appendChild(td_element2);
e.appendChild(tr_element);
}
In above code 'e' is tbody which i m fetching using getElementById() function
But strange thing is if i write following code, it works fine in both
IE and mozilla
function createOnlyRadioButtons(e){
var radio_element = document.createElement('<input type="radio"
name="hood" value="aaaaa" checked>');
e.appendChild(radio_element);
}
Here 'e' is td element.
would any one please guide me to solve this problem.
Regards,
Vishakha