在IE中使用javascript删除单选按钮的问题

时间:2012-06-16 08:47:36

标签: javascript internet-explorer

我有一个实现,我动态创建单选按钮,实际上所有字段和值都相互依赖,如parent-child -grand child等。我可以使用innerHtml在Firefox中删除按钮,但在IE中它没有用。对于IE,我得到了一个不同的代码但是在下面我也没有正常工作我粘贴生成它的代码并将其删除。

var idToUpdate = "radioID";
var nameToUpdate = "radioName";
var labelToUpdate = "labelText";

var tbody = document.createElement('tbody');
var row = document.createElement("tr")
var data1 = document.createElement("td")
var newRadio = document.createElement("input");
newRadio.type = "radio";
newRadio.id = idToUpdate;
newRadio.name = nameToUpdate;
newRadio.value = labelToUpdate;
if (defUpdater == 1)
    newRadio.setAttribute('checked', 'checked');
newRadio.setAttribute("onclick", "javascript:dependentFieldsValue('" + idToUpdate + "');");
var data11 = document.createElement("td")
var newLabel = document.createElement("label");
newLabel.htmlFor = idToUpdate;
newLabel.id = idToUpdate;
newLabel.appendChild(document.createTextNode(labelToUpdate));
tbody.appendChild(row);
row.appendChild(data1);
data1.appendChild(newRadio);
row.appendChild(data11);
data11.appendChild(newLabel);
Node1.appendChild(row);
defUpdater = 0;

For last in last用于删除无线电,我们只是使用表ID获取htmlelemnt并将innerHTML设置为=“”。

for (var i = 0; i < len; i++) {
  var node = documnet.getElemtsById("tableID"); // every button group have table and table is havin id.
  Node.childNodes[i].innerHTML = ""; /// works for firefox// works fine
  //Node.childNodes[i].Node.removeChild(Node.childNodes[i]);// works for IE but not properly
}

请建议。

1 个答案:

答案 0 :(得分:0)

我会使用这种结构:

var table = documnet.getElemtsById("tableID");
for (var i = 0; i < len; i++) { 
    var tr = table.childNodes[i];
    tr.parentNode.removeChild(tr);
}