js 生成input, 显示不出来文字

Question

js函数生成了一个多选框组，但是文字都显示不出来。
<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>
显示如下：

Answer 1

cbox 改成 label

Answer 2

复选框的 value 属性值不会显示在用户界面中 你得自己再弄一个标签给用户看