鍍金池/ 問答/HTML5  HTML/ js 生成input, 顯示不出來文字

js 生成input, 顯示不出來文字

js函數(shù)生成了一個多選框組，但是文字都顯示不出來。
<div id="product-radio-wrapper"></div>
<script>
createCheckbox(document.getElementById('product-radio-wrapper'),['手機','筆記本','智能音箱'],'product');
function createCheckbox(id,arr,name) {

var len = arr.length,
    i,
    label;
for (i = 0 ;i < len;i++) {
    var cbox = document.createElement('input'),
        label = document.createElement('label');
    cbox.type = 'checkbox';
    cbox.value = arr[i];
    cbox.name = name;
    cbox.innerHTML = arr[i];
    label.appendChild(cbox);
    id.appendChild(label);
}

}
</script>
顯示如下：

clipboard.png

回答
編輯回答
失魂人

動態(tài)插入checkbox測試

createCheckbox(document.getElementById('product-radio-wrapper'),['手機','筆記本','智能音箱'],'product');
    function createCheckbox(id,arr,name) {
        var len = arr.length,
            i,
            label;
        for (i = 0 ;i < len;i++) {
            var div = document.createElement('div');
            var cbox = document.createElement('input');
            var label = document.createElement('label');
            label.innerText = arr[i];
            cbox.type = 'checkbox';
            cbox.value = arr[i];
            cbox.name = name;
            cbox.innerHTML = arr[i];
            div.appendChild(label);
            div.appendChild(cbox);
            id.appendChild(div);
        }
    }
2017年1月25日 08:26
編輯回答
疚幼

clipboard.png

cbox 改成 label

2018年9月17日 07:46
編輯回答
尛憇藌

復選框的 value 屬性值不會顯示在用戶界面中 你得自己再弄一個標簽給用戶看

2017年9月28日 15:11