如何在materializecss optgroup的标签中添加复选框？

问题描述

有什么办法可以在 materializecss 框架中将 checkBox 添加到 label 的 optgroup 吗？

我想获得与此快照类似的结果。

这是我在代码段中的基本代码。如何使用复选框使第 1 组和第 2 组可点击？

$(document).ready(function(){
    $('select').formSelect();
  });

<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

<select multiple>
        <optgroup label="Group 1">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </optgroup>
        <optgroup label="Group 2">
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
        </optgroup>
        <optgroup label="Group 3">
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
        </optgroup>
    </select>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

materialize optgroup