如何通過使用jQuery獲取所有選定復選框的值？

Question

HTML代碼：

<form method="post" id="cate-form">
            <ul class="expander-list" id="category">
              <li> 
                <div class="radio" style="padding-left:0px">
                  <label>
                     <input type="checkbox" id="all" value="all">
                    All </label>
                </div>
              </li>
              <li> 
                <div class="radio" style="padding-left:0px">
                  <label>
                     <input type="checkbox" name="filter[]" value="active">
                    Active </label>
                </div>
              </li>
              <li> 
                <div class="radio" style="padding-left:0px">
                  <label>
                     <input type="checkbox" name="filter[]" value="inactive">
                    Inactive </label>
                </div>
              </li>
            </ul>
            </form>

jQuery代碼：

<script>
        $(document).ready(function(){
            $("#all").click(function() {
              $(':checkbox').prop('checked', this.checked);
            });
            $(":checkbox").change(function(){
                var checked = [];
                alert("it running");
                $('input[name=checkbox] :checked').each(function(){
                    alert("data is pushing inside checked array");
                    checked.push($(this).val());
                })
            })
        });
        </script>

通過單擊所有復選框，可以選擇所有復選框。 但是我如何一次獲得所有選定復選框的值。我在google上搜索了此查詢，但是沒有找到任何有用的信息，請立即幫助我解決此問題，在此先感謝。

Answer 1

更改

$('input[name=checkbox] :checked')

至

$('input[type=checkbox]:checked') 

因為您的復選框實際上被命名為filter[]但是它們的類型是checkbox。 您的代碼應該可以正常工作

Answer 2

如果您想要數組中的所有值，請嘗試以下操作：-

var checkedValues = $('input:checkbox:checked').map(function() {
    return this.value;
}).get();