Javascript 动态添加单选按钮onclick事件不起作用？

我试着跟着， 1.使用Ajax从用户选择中获取响应，该选择返回单选按钮属性列表，如下所示： 2.获得属性列表后，我将使用createElement（）创建单选按钮 3.然后我将事件附加到onclick按钮的单选按钮。 4.然后我使用appedChild将元素添加到DOM中

下面是添加单选按钮（用于IE）的代码

var无线电=”；
radioButton=document.createElement（单选）；
radioButton.onClick=function（）{alert（'this is test'）}
ele.appendChild（单选按钮）；
ele.innerHTML++=“无”+”
；

在所有这些情况下，当我将单选按钮添加到DOM onclick时，它不起作用，我不明白为什么

---

感谢大家

该属性被称为

onclick

而不是

onclick

，您可以通过两种方式将en元素动态添加到DOM中：将html代码插入父元素或创建具有某些属性的子元素。在您的示例中，这两种方法是混合的，因此毫无意义

方法1。插入HTML代码：

var radio = '<input type ="radio" id="' + id + '" value="" />';
ele.innerHTML = radio;
document.getElementById(id).onclick = function(){ alert('this is test'); };

var radio = '<input type ="radio" id="' + id + '" value="" />';
ele.innerHTML = radio;
document.getElementById(id).onclick = function(){ alert('this is test'); };

var radioButton = document.createElement('input');
radioButton.type = "radio";
radioButton.id = id;
radioButton.onclick = function(){ alert('this is test'); };
ele.appendChild(radioButton);