How to get checkbox value through serializedarray()

Question

how to get checkbox value in array format like [{abc:[1,2,3]}]

now i am getting like [{abc[]:1,abc[]:2,abc[]:3}] ...

for getting serializedarray i am using var form = $('.wpc_contact').serializeArray();

here this is my html form which is get generating dynamic (i am using drag and drop for creating dynamic form)

    <form method="POST" name="1" class="form-horizontal wpc_contact" novalidate="novalidate">
<fieldset>
    <div id="legend" class="">
        <legend class="">Demo</legend> 
        <div id="alert-message" class="alert hidden" style="color: red;"></div>
    </div>

    <div class="control-group">
        <label class="control-label">Checkboxes</label>
        <div class="controls" name="wpc_chkbox" req="yes">
            <label class="checkbox"> 
                <input type="checkbox" value="Option one" id="wpc_chkbox_0" name="wpc_chkbox[]" req="yes">  Option one        
            </label>        
            <label class="checkbox">
                <input type="checkbox" value="Option two" id="wpc_chkbox_1" name="wpc_chkbox[]" req="yes">   Option two
            </label>    
        </div>
        <p class="help-blocksp" style="display:none;">wpc_chkbox</p>
        <p class="help-block1" style="display:none;" checked="checked"></p>
    </div>
    <div class="control-group">
        <label class="control-label">Inline Checkboxes</label>
        <div class="controls" name="wpc_inline_chkbox" req="yes">
            <label class="checkbox inline">
                <input type="checkbox" value="1" name="wpc_inline_chkbox[]" id="wpc_inline_chkbox_0" req="yes"> 1
            </label>
            <label class="checkbox inline">
                <input type="checkbox" value="2" name="wpc_inline_chkbox[]" id="wpc_inline_chkbox_1" req="yes"> 2
            </label>
            <label class="checkbox inline">
                <input type="checkbox" value="3" name="wpc_inline_chkbox[]" id="wpc_inline_chkbox_2" req="yes"> 3
            </label>
        </div>      
        <p class="help-block" style="display:none;">wpc_inline_chkbox</p> 
        <p class="help-block1" style="display:none;" checked="checked"></p>
    </div>

    <div class="control-group">      
        <div class="controls">                          
            <button class="btn btn-success">Button</button>                     
        </div>                  
    </div>
</fieldset>                 

Answer 1

To create an array use this -

var arr = $("input[name='checkboxname[]']:checked").map(function() { 
            return this.value; 
          }).get();

Alernate Solution :

<input type="checkbox" class="selector" value="{value}"/> //add as many as you wan't
JS

 var checked='';
            $('.selector:checked').each(function(){
                checked=checked+','+$(this).val();
            });
PHP

 $ids=explode(',',substr($_GET['param_with_checked_values'],1));