Question

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

我可以获得＆＃39; cbxval＆＃39;的值它在inspect元素中看到..但是我没有看到创建的html页面中的文本。我在这里犯了什么错误？

Answer 1

不是将textnode作为子项附加，而是将其添加为兄弟。

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

JSFiddle链接https://jsfiddle.net/xzrsmbLL/

如何在复选框附近显示文字？

1 个答案: