打开导航菜单时复选框不起作用

Question

我有这样的导航菜单......

<ul class="nav navbar-nav">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="">Groups <b class="caret pull-right"></b></a>
        <ul class="dropdown-menu pull-right" style="display: block;">
            <li class="filter">
                <a href="#" style="padding:8px 20px;">Filter</a>
                <div class="src-key">
                    <form action="/dev/admin/products" class="flex-search" role="form" id="ProductAdminIndexForm" method="post" accept-charset="utf-8">
                        <div style="display:none;">
                            <input type="hidden" name="_method" value="POST">
                        </div>  <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
                        <input type="text" id="group-fill" class="src-prod ui-autocomplete-input" name="data[Product][info]" autocomplete="off">
                        <input type="hidden" name="data[Product][track]" value="g">
                        <input type="hidden" id="group-id" name="data[Product][group_id]">
                    </form>
                </div>
            </li>
            <div class="divider"></div>
            <li>
                <div class="scrlr">
                    <ul class="all-grps">
                        <li>
                            <a href="/dev/admin/products/index/g/1">
                                <input type="checkbox" name="data[Group][id]" id="1">Sample Group 1</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/2">
                                <input type="checkbox" name="data[Group][id]" id="2">Sample Group 2</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/3">
                                <input type="checkbox" name="data[Group][id]" id="3">Sample Group 3</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/4">
                                <input type="checkbox" name="data[Group][id]" id="4">Sample Group 4</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/5">
                                <input type="checkbox" name="data[Group][id]" id="5">Sample Group 5</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/6">
                                <input type="checkbox" name="data[Group][id]" id="6">Sample Group 6</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/7">
                                <input type="checkbox" name="data[Group][id]" id="7">Sample Group 7</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/8">
                                <input type="checkbox" name="data[Group][id]" id="8">Sample Group 8</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/9">
                                <input type="checkbox" name="data[Group][id]" id="9">Sample Group 10</a>
                        </li>
                        <li>
                            <a href="/dev/admin/products/index/g/10">
                                <input type="checkbox" name="data[Group][id]" id="10">FAQ</a>
                        </li>
                        <ul>
                        </ul>
                    </ul>
                </div>
            </li>
        </ul>
    </li>
</ul>

当我点击复选框时，检查并取消选中不起作用。我需要检查列表中的多个选项。

提前致谢...