Javascript 检查选中了哪个复选框

我正在使用复选框和jQuery实现多个select，如中所述

这是网站上显示的示例：

<div class="multiselect">
<label><input type="checkbox" name="option[]" value="1" />Green</label>
<label><input type="checkbox" name="option[]" value="2" />Red</label>
<label><input type="checkbox" name="option[]" value="3" />Blue</label>
<label><input type="checkbox" name="option[]" value="4" />Orange</label>
<label><input type="checkbox" name="option[]" value="5" />Purple</label>
<label><input type="checkbox" name="option[]" value="6" />Black</label>
<label><input type="checkbox" name="option[]" value="7" />White</label>

带有复选框的下拉列表将按预期显示。请注意，一页上显示三个此类列表。如何单独识别它们

---

问题是如何使用javascript确定每个列表下的哪些复选框已被选中。我还需要获取所选项目的值。其中哪些必须用id标记？

以下是一个可能对您有所帮助的示例：

$'：复选框.changefunction{ var list2=$：复选框：选中.mapfunction{ 返回此.value； }.获得； $'span'.textliste2； }; 绿色 红色 蓝色 橙色 紫色 黑色 白色 检查值：

---

您可以在下面尝试，它将显示选中的每个复选框的值

    function check(){

        var e = document.getElementsByClassName('check-box');
        var total = e.length;

        for (var i=0; i<total; i++){

            if (total[i].checked){  alert(total[i].value); }
            // or alert(i); if you just need the index

        }
    }

$'input[type=checkbox]'。在'change'，函数{ $this.closest'.multiselect'.find'span'.empty； $this.closest'.multiselect'.find'input[type=checkbox]：checked'.eachfunction{ $this.closest.multiselect.find'span.append$this.val+'|'； }; }; 绿色 红色 蓝色 橙色 紫色 黑色 白色 检查值： 绿色 红色 蓝色 橙色 紫色 黑色 白色 检查值：

---

文档中有三个这样的复选框列表，其他复选框很少。如何解决这个问题？