jquery - 使用多选选择组

Question

我是多选的新手。我正在使用引导多选来选择学生列表，这里是组（这是一组学生）和我显示为快照的学生列表。我无法添加快照，因为我没有声誉。请查看此链接。https://drive.google.com/file/d/0B3-rBrGTl5UfTHZINHRtMzU5Wnc/view?usp=sharing。现在，当我选择组时，它应该自动选择属于组的学生。我发现使用 optgroup 但它没有用，因为它会有组标签，然后是学生列表（这里的学生可能属于多个组，所以我以不同的方式显示组和学生列表）。

请帮忙。

Answer 1

您可以使用 jquery 插件：

http://uoziod.github.io/deep-checkbox/

它非常易于使用：

HTML

<div class="wrapper">
    <ul>
        <li>
            <input type="checkbox" data-id="item" data-name="Item" /> Item
            <ul>
                <li><input type="checkbox" data-id="subitem1" data-name="Subitem 1" /> Subitem 1</li>
                <li><input type="checkbox" data-id="subitem2" data-name="Subitem 2" /> Subitem 2</li>
                <li><input type="checkbox" data-name="Subitem 3" /> Subitem 3</li>
            </ul>
        </li>
    </ul>
</div>

JS

<script>
    $('.wrapper').deepcheckbox();
</script>