Question

我有一个复选框列表和一个按钮search.how我可以检查复选框的值，并在我点击按钮搜索时推入阵列调用ajax。

<ul class="sb_dropdown" style="display:none;">
                    <li class="sb_filter">Chon the loai</li>
                    <li><input type="checkbox"/><label for="all"><strong>Tất cả</strong></label></li>
                    <li><input type="checkbox"/><label for="Automotive">Đồ nữ</label></li>
                    <li><input type="checkbox"/><label for="Baby">Giày</label></li>
                    <li><input type="checkbox"/><label for="Beauty">Túi sách</label></li>
                    <li><input type="checkbox"/><label for="Books">Đồ nam</label></li>                      
                </ul>

<input class="sb_search" type="submit" value=""/>

这是我的jquery

<script>
                        $('.sb_search').click(function () {
                            var list = [];
                            $('ul.sb_dropdown').find("input[type=checkbox][checked]").each(function () {
                                list.push($(this).val());
                            });

                     });
                    </script>

Answer 1

试试这个

 $('ul.sb_dropdown').find("input[type='checkbox']:checked").each(function ()

Answer 2

有几个问题：

您的复选框没有value，因此将$(this).val()推入数组会推送默认on。
您的filter无法使用正确的语法。

$('.sb_search').click(function () {
    var list = [];
    $('ul.sb_dropdown').find("input:checkbox:checked").each(function () {
        list.push($(this).val());
    });
    $('#output').html(list.join(", "));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sb_dropdown">
    <li class="sb_filter">Chon the loai</li>
    <li><input type="checkbox" value="Tất cả"/><label for="all"><strong>Tất cả</strong></label></li>
    <li><input type="checkbox" value="Đồ nữ"/><label for="Automotive">Đồ nữ</label></li>
    <li><input type="checkbox" value="Giày"/><label for="Baby">Giày</label></li>
    <li><input type="checkbox" value="Túi sách"/><label for="Beauty">Túi sách</label></li>
    <li><input type="checkbox" value="Đồ nam"/><label for="Books">Đồ nam</label></li>                      
</ul>

<input class="sb_search" type="submit" value=""/>

<div id="output"></div>

如何在ul li中获取复选框的值

2 个答案: