如何通过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'));