Question

我使用JavaScript在我的页面上生成表单输入字段。一切都很好，除了按钮。我在使用DOM生成按钮的onClick函数时遇到了一些问题。您可以看到下面的代码，但在我的页面上，没有onClick函数作为输入按钮标记的属性：

n = 1;
function generate() {
    var radiomore = document.createElement("input");
    radiomore.type = "button";
    radiomore.name = "opt[" + n + "]";
    radiomore.value = "Add more options";
    radiomore.setAttribute = ('onClick',addradiomore);
    var div = document.createElement("div");
    div.innerHTML = "Op: " + radiomore.outerHTML + "<br/>";
    document.getElementById("mydiv").appendChild(div);
n++;
}

function addradiomore() {
    //here goes the function code
}

这就是它在我的页面上生成的内容：

<input type="button" name="opt[1]" value="Add more options">

没有功能？！？！

P.S。即使我这样使用它也不起作用：

radiomore.onclick = addradiomore();

Answer 1

你应该用这个：

radiomore.onclick = addradiomore;

DEMO

Answer 2

怎么样：

radiomore.onclick = function () {
    addradiomore();
};

使用JavaScript DOM生成带onClick函数的输入按钮

2 个答案:

DEMO