javascript - 单选表单值未显示？

Question

我还是个新手，很抱歉有任何错误。我进行了很多搜索，但无法解决我的问题。我动态创建了这个 radio 输入:

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

但是我无法显示输入值。我得到类似的东西: (但是是 1 个而不是 3 个)

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

Answer 1

正如 @RobertoLinare 在他的评论中所说，您可以创建一个 div 并附加标签:

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);

<form id="my_form">

</form>