收音机表格价值没有显示？

Question

我还是个新手，对任何错误都很抱歉。我搜索了很多，无法解决我的问题。我动态创建了这个无线电输入：

var radio_input = document.createElement('input');
radio_input.type = "radio";
radio_input.name = "test_input"
radio_input.value = "teeest";
radio_input.appendChild(my_form);

但是我无法显示输入值。我得到类似的东西： （但有一个而不是3个）

我想在输入的左侧写上“测试”......有人可以帮助我吗？

Answer 1

正如@RobertoLinare在评论中所说，你可以创建一个div并添加标签：

＆＃13;

＆＃13;

var radio_input = document.createElement('input');
var label = document.createElement('label');
var div = document.createElement('div');

radio_input.type = "radio";
radio_input.name = "test_input"
radio_input.value = "teeest";

label.innerHTML = "Label";
document.getElementById("my_form").appendChild(div);
div.appendChild(label);
div.appendChild(radio_input);

＆＃13;

<form id="my_form">

</form>

＆＃13;

＆＃13;

＆＃13;

Answer 2

Html：

<form id="my_form"></form>

JS：

var myForm = document.getElementById("my_form");

// Clear previous contents of the container
while (myForm.hasChildNodes()) {
    myForm.removeChild(myForm.lastChild);
}

var radio_input = document.createElement("input");
radio_input.type = "radio";
radio_input.name = "test_input";
radio_input.value = "teeest";

var label = document.createElement('label');
label.innerHTML = "Label Title ";

myForm.appendChild(radio_input); 
myForm.appendChild(label);