在.Innerhtml中添加一个收音机

Question

我正在尝试在.innerHTML中为JavaScript中的程序添加一个radio / checkbox。有没有办法在.Innerhtmljavascript中添加一个单选框/复选框 代码Innerhtml部分：

ChartTitle

Answer 1

你只需要传递单选按钮的html代码..

document.getElementById('demo').innerHTML = '<input type="radio" />'

Answer 2

document.getElementById("demo").innerHTML = "<input id='radiobutton' type='radio' >text</input>";

<div id="demo" >
  
</div>

Answer 3

而不是config.public_file_server.enabled = true ，是在文档中插入新元素的更好方法

Element.appendChild

innerHTML

var radio = document.createElement("input");
radio.type = "radio";
radio.name = "r1";
document.querySelector("#demo").appendChild(radio);

Element.insertAdjacentHTML

<label id="demo"></label>

document.querySelector("#demo").insertAdjacentHTML(
  "beforeend",
  "<input type='radio' name='r1'>"
);

可用插入点：<label id="demo"></label>

'beforebegin' 'afterbegin' 'beforeend' 'afterend'将重写您的目标元素内容，丢失以前的输入状态和附加事件等。Read more here