如何在JavaScript中动态创建复选框

我们正在JavaScript中动态创建多个

复选框
。
但是，有一个问题。
复选框已创建，但其标签不可见。
我们确认它是由开发人员工具正确创建的。
但是我在网上看不到标签。
我们如何处理这个问题？
我附上照片。
我也附上代码

radio.setAttribute("type", "checkbox");
radio.setAttribute("id", "lo_radio");
radio.setAttribute("name", "choose");
radio2.setAttribute("type", "checkbox");
radio2.setAttribute("id", "lo_radio2");
radio2.setAttribute("name", "choose");
... 
 if(j==1){
        var color = document.getElementById("#color_li");
        //ul.insertBefore(radio, color);
        var label = document.createElement("label");
        ul.insertBefore(label, color);
        label.appendChild(radio);
        radio.innerHTML = radio.innerHTML + "10자";
        label.appendChild(radio);
    
//      ul.insertBefore(radio2, color);
        ul.insertBefore(label, color);
        label.appendChild(radio2);
        radio2.innerHTML = radio2.innerHTML + "30자";
        ul.insertBefore(lo_select, color);


        $("#lo_li").click(function() {  
            if($("#lo_select").is(":visible")){
                  $("#lo_select").slideUp();
            }
            else{   
                $("#lo_select").slideDown();
            }});

    }
...
//HTML
<section id = "section1_r" style = "background-color : #525252; font-family : a타이틀고딕1, sans_serif">
<div id = "a2">
</div>

radio.setAttribute（“类型”、“复选框”）；
setAttribute（“id”、“lo_radio”）；
radio.setAttribute（“名称”、“选择”）；
radio2.setAttribute（“类型”、“复选框”）；
radio2.setAttribute（“id”、“lo_radio2”）；
radio2.setAttribute（“名称”、“选择”）；
... 
如果（j==1）{
var color=document.getElementById（“#color_li”）；
//ul.插入前（收音机、彩色）；
var label=document.createElement（“标签”）；
ul.插入前（标签、颜色）；
标签.儿童（收音机）；
radio.innerHTML=radio.innerHTML+“10자";
标签.儿童（收音机）；
//ul.插入前（radio2，彩色）；
ul.插入前（标签、颜色）；
标签.儿童（radio2）；
radio2.innerHTML=radio2.innerHTML+“30자";
ul.插入前（lo_选择，颜色）；
$（“#lo#li”）。单击（函数（）{
如果（$（“#lo#U select”）。为（“：可见”））{
$（“#lou select”）.slideUp（）；
}
否则{
$（“#低选择”）.slideDown（）；
}});
}
...
//HTML


浏览器控制台中的HTML：


**위치 = "位置“（韩语）
如果您试图以编程方式创建复选框：


const label=document.createElement（“标签”）；
const checkbox=document.createElement（“输入”）；
checkbox.type=“checkbox”；
checkbox.id=“some id”；
checkbox.name=“some name”；
const textContent=document.createTextNode（“标签文本内容”）；
label.appendChild（复选框）；
label.appendChild（textContent）；
文件.正文.附件（标签）如果您试图以编程方式创建复选框：


const label=document.createElement（“标签”）；
const checkbox=document.createElement（“输入”）；
checkbox.type=“checkbox”；
checkbox.id=“some id”；
checkbox.name=“some name”；
const textContent=document.createTextNode（“标签文本内容”）；
label.appendChild（复选框）；
label.appendChild（textContent）；
文件.正文.附件（标签）复选框没有innerHTML，您需要在复选框旁边的标签内追加文本。欢迎使用StackOverflow。第一眼看到，我在HTML中看到了一些不规则的地方：UL元素必须只包含LI元素；标签元素最多应包含一个输入；两个输入共享相同的名称（仅在单选按钮中有效）。请向我们提供您完整的javascript函数，以及完整生成的HTML。谢谢！！！！！！！！！解决了的！！！！复选框没有innerHTML，您需要将文本附加到复选框旁边的标签内。欢迎使用StackOverflow。第一眼看到，我在HTML中看到了一些不规则的地方：UL元素必须只包含LI元素；标签元素最多应包含一个输入；两个输入共享相同的名称（仅在单选按钮中有效）。请向我们提供您完整的javascript函数，以及完整生成的HTML。谢谢！！！！！！！！！解决了的！！！！谢谢谢谢