javascript - 如何通过 JavaScript 创建一个新的 HTML 复选框？

Question

我在 HTML 中定义了一个按钮，它调用一个函数在我的 JS 中创建一个对象。此外，我希望此按钮在 HTML 中“产生”一个新复选框的创建(名称和值取决于之前创建的对象)，假设在 div id XY 中。

虽然我认为这并不重要，但这是我目前的东西。

html

<input id="button" value="pick Brakiri" onclick="initiate('Brakiri')">

js

function initiate(faction){
calc = new Calc(faction)
}

如果可能，我想避免使用 jQuery。

谢谢。

Answer 1

您应该为此创建一个函数。下面是一个示例，您传入 name 和 id 并返回一个全新的元素:

function createNewCheckboxt(name, id){
    var checkbox = document.createElement('input'); 
    checkbox.type= 'checkbox';
    checkbox.name = name;
    checkbox.id = id;
    return checkbox;
}

之后您只需选择将其添加到 DOM 的位置。像这样的东西:

form.appendChild(createNewCheckboxt('theName', 'theID'));