title: Get list of all checkboxes with checked and unchecked status
body: <p>I have following code, to show an image along with its checkbox. It is either enabled or disabled</p>
  
  <pre><code> if($ring["status"] != '1') 
                                          echo '&lt;td&gt;&lt;input type="checkbox" name="ringIds[]" value="'.$ring["id"].'"&gt;'
                                      . '&lt;input type="image" onClick="openGalleryRing(\''.$ring['imagePath'].'\', \''.$ring['id'].'\');" src="http://thevowapp.com/iphoneapp/vowstore/rings/'.  $ring['imagePath'] .'" name="checked" value="' . $ring['id'].'" data-my-info="'. $ring['ringSetName'] .'" style="width:200px; height:200px; margin-left: 10px;"&gt;&lt;/td&gt;';
                                      else                                         
                                           echo '&lt;td&gt;&lt;input type="checkbox" checked="checked"  name="ringIds[]" value="'.$ring["id"].'"&gt;'
                                      . '&lt;input type="image" onClick="openGalleryRing(\''.$ring['imagePath'].'\', \''.$ring['id'].'\');" src="http://thevowapp.com/iphoneapp/vowstore/rings/'.  $ring['imagePath'] .'" name="checked" value="' . $ring['id'].'" data-my-info="'. $ring['ringSetName'] .'" style="width:200px; height:200px; margin-left: 10px;"&gt;&lt;/td&gt;';
  </code></pre>
  
  <p>In my javascript i am using something like </p>
  
  <pre><code>$('.updateBtn').on('click', function()
          {
               var checked = $('input[name="ringIds[]"]:checked').serialize(); 
               if(checked !== '')
                   window.location.href = 'actions.php?j=24&amp;' + checked;
               else
                   alert('No Rings are selected');
      }); 
  </code></pre>
  
  <p>This works, i can get all the checked checkboxes, but what i actually want is to get all hte list of checkboxes, which are checked and which are not. How can i modify this code?     </p>