JavaScript

I am using two different checkbox list. 
When I submit the form with some checkbox checked, then how I can get the value of unchecked box also?

Example:

<input type="checkbox" name="cars[]" value="Volvo" /> ✓
<input type="checkbox" name="cars[]" value="BME" />
<input type="checkbox" name="cars[]" value="Ferari" /> ✓


<input type="checkbox" name="bikes[]" value="Honda" />
<input type="checkbox" name="bikes[]" value="Bajaj" /> ✓
<input type="checkbox" name="bikes[]" value="Yamaha" />


I want like this:

cars[0]='Volvo';           bikes[0]='';
cars[1]='';                bikes[1]='Bajaj';  
cars[2]='Ferari';          bikes[2]='';


but result is: 

cars[0]='Volvo';           bikes[0]='Bajaj';
cars[1]='Ferari'; 

Hello All,
 Using toggleClass and hasClass in javascript to toggle between 'SelectAll' and 'DeselectAll', to control the checkboxes. 'SelectAll' would check all the checkboxes, and 'DeselectAll' would deselect them all at once. This works fine in my development environment, but in staging server, the button does not invoke any action. It does nothing.

 How does one go about debugging another environment, which does not have VS installed? 

 I have pasted a snippet - thank you!

Hide   Copy Code
script type="text/javascript">
        $(function () {
            $("#SelectAll").click(function () {
                var $this = $(this);
                $this.toggleClass('SelectAll');
                if ($this.hasClass('SelectAll')) {
                    $this.text('DeselectAll');
                    $this.val('DeselectAll');

                    var ischecked = true;
                } else {
                    $this.text('SelectAll');
                    $this.val('SelectAll');
                    var ischecked = false;
                }
            });
        });
        </script>