将html中的多个复选框转换为javascript代码

我尝试转换此多重复选框

<fieldset data-role="collapsible">
   <legend>Pick your Color</legend>
      <div data-role="controlgroup">
         <label for="Red">Red</label>
         <input type="checkbox" name="favcolor" id="Red" value="Red">
         <label for="Green">Green</label>
         <input type="checkbox" name="favcolor" id="Green" value="Green">
         <label for="Blue">Blue</label>
         <input type="checkbox" name="favcolor" id="Blue" value="Blue">
      </div>
</fieldset>

要创建如下数组和javascript代码：

<script>
       var myArray1, row;
       myArray1 = new Array("red", "green", "blue", "pink", "black", "yellow");

       function ZZ()
       {
           var i;

           $("#ZIBI").empty();
           for (i = 0; i < myArray1.length; i++)
           {
               ALL =
                   '<label for=' + row + '>' + row + '</label>' +
                   '<input type="checkbox"  id=' + row + ' value=' + row + '>' 

               row = myArray1[i];
               $("#ZIBI").append(ALL);
           }
       }
   </script>

和html：

<fieldset data-role="collapsible">
    <legend>Pick your color</legend>
         <div data-role="controlgroup" id="ZIBI">
     </div>
</fieldset>

问题是

它看起来又小又丑复选框-为什么它看起来不像第一个例子那么漂亮？ 如果我选择了几个项目，如何识别它们？ 编辑：

丑陋的：

很好：

---

问题是，您在加载后创建了DOM，因此用于设置DOM样式的jQuery代码已经完成。您必须在JSFIDLE上更改为无换行符，并将代码更改为如下内容：

<script>
       var myArray1, row;
       myArray1 = new Array("red", "green", "blue", "pink", "black", "yellow");

       function ZZ()
       {
           var i;

           $("#ZIBI").empty();
           for (i = 0; i < myArray1.length; i++)
           {
               ALL =
                   '<label for=' + row + '>' + row + '</label>' +
                   '<input type="checkbox"  id=' + row + ' value=' + row + '>' 

               row = myArray1[i];
               $("#ZIBI").append(ALL);
           }
       }
   </script>

var myArray1，世界其他地区； myArray1=新阵列红色、绿色、蓝色、粉色、黑色、黄色； var i； $ZIBI.empty； 对于i=0；i演示：

发布一个JSFIDLE请更新我的问题并添加JSFIDLE我更新了你的FIDLE：但是设计仍然存在一些问题，但是我现在没有时间对此进行更多的研究优秀的这正是我需要的，现在如何识别我选择的项目？