Javascript 从jQuery中的数组填充复选框和标签属性

我试图实现一些东西，在那里我可以填充4个复选框的几个属性，并从特定数组中添加标签。 我不想附加整个标记。我将所有内容都保留在标记上，然后需要根据“选择”菜单的选择来确定属性

var_select=$'opt'； var_container=$'teams'； 变量FF1=[{ 展示：第一周， 价值：第1周 }, { 展示：第2周， 价值：第2周 }, { 展示：第3周， 价值：第3周 }, { 展示：第4周， 价值：第4周 } ]; 变量FF2=[{ 展示：第5周， 价值：第5周 }, { 展示：第6周， 价值：第6周 }, { 展示：第7周， 价值：第7周 }, { 展示：第8周， 价值：第8周 } ]; _选择。在“更改”功能上{ var parent=$this.val； _container.removeClass'is-hidden'； 切换父级{ 案例“FF1”： 周刊1； 打破 案例“FF2”： 周刊2； 打破 违约： 打破 } }; 功能周列表{ $array\u list.eachFunction i{ 控制台.logarray_列表[i]； }; } .是隐藏的{ 显示：无； } 选择选项 FF1 FF2

---

下面的代码可能会有所帮助，只需替换函数weekList中的循环即可

$(array_list).each(function (i) {
    var Id = (i + 1)
    $('.ck' + Id).val(array_list[i].value);  // update checkbox values
    $('.ck' + Id).attr("id", ("ck"+ Id));    // update checkbox id
    $('.lb' + Id).text(array_list[i].display)// update label text
    $('.lb' + Id).attr("for",("ck"+ Id))     // update label for text
});

试试这个-

function weekList(array_list) {
  var boxes = '';
  $(array_list).each(function(i) {

    boxes += `
                <div class="">
                  <input type="checkbox" name="${array_list[i]['value']}" class="ck1" value="${array_list[i]['value']}" />
                  <label for="${array_list[i]['value']}" class="lb1">${array_list[i]['display']}</label>
                </div>
            `;

  });

  document.getElementById('teams').innerHTML = boxes;
}

html-

---

您需要在jQuery中创建复选框代码。谢谢，Jitendra，是的，但是我一直在填充数组中的数据。结构将是相同的。我不需要完全附加标记。这是小提琴-谢谢，吉坦德拉。它正在工作，但不理解这个+i+1。您能解释一下吗？复选框和标签的ID也没有填充。我用你的代码更新了小提琴-代码更新了。关于i+1，正如您所知，数组索引将从零索引开始，当循环执行时，您必须分配选择器classck1，首先它将查找chk0，因为数组索引从零开始，chk0中没有此类HTML控件。我添加了I+1，所以它将查找chk1、chk2、chk3…完成Jitendra。谢谢，请解释你的答案。谢谢，阿克谢。我不需要附加任何标记。只有属性更新。这是一个标记代码。请尝试根据问题更新代码。请查看您需要的是，当您选择选项FF1时，阵列中的显示将是标签，值将是复选框值。。。正当然后试试这段代码…它将生成具有所需属性的html。。。不管你只更新属性还是得到已经存在的html

<select id="opt">
  <option value="">Select Option</option>
  <option value="FF1">FF1</option>
  <option value="FF2">FF2</option>
</select>

<div id="teams">

</div>