Javascript 如何在复选框附近获取文本？

Javascript代码：

function loadsims(){
    var i = 1;
    $.ajax({ url: 'simulationcontent.php',
         data: {action:'test'},
         type: 'post',
         success: function(output) {
            var a = JSON.parse(output);
            var b = a.length;
            var i;
            for (i = 0; i < b;i++){
            console.log(a[i]['idi']);
            console.log(a[i]['simname']);

            if (a[i]['idi'] != 0)
            {
            for (var j=0 ;j < 1;j++)
                {
                    var cbxval = a[i]['simname'];
                    var chckbx = document.createElement("input");
                    document.getElementById('checkboxdiv').appendChild(chckbx);
                    chckbx.type = "checkbox";
                    chckbx.id = "simnamecbx"+i;
                    chckbx.name = "simnamecbx";
                    chckbx.value = a[i]['idi'];
                    chckbx.appendChild(document.createTextNode(cbxval));
                }
            }
        }
    }
});
}

函数loadsims（）{
var i=1；
$.ajax（{url:'simulationcontent.php'，
数据：{操作：'test'}，
键入：“post”，
成功：功能（输出）{
var a=JSON.parse（输出）；
var b=a.长度；
var i；
对于（i=0；i

---

我可以得到“cbxval”的值，它可以在inspect元素中看到。。但是我在创建的html页面中看不到文本。我在这里犯了什么错误？

不是将textnode作为子节点添加，而是将其作为同级节点添加

chckbx.parentNode.insertBefore(document.createTextNode("label"), chckbx.nextSibling);

---

jsiddle link

您不能向复选框添加文本。您需要创建一个单独的标签。您不能将文本节点作为子节点附加。你把它放在一边<代码>document.getElementById（“checkboxdiv”）.appendChild（document.createTextNode（cbxval））您正在使用jQuery吗？尝试在

复选框

周围创建

标签

，它更简单：）

lbl.appendChild（chckbx）