Así es como manejo las casillas de verificación en mi aplicación. Quitaría el id
y en su lugar tiene un value
campo en las casillas de verificación:
<input name="kitchen[]" type="checkbox" class="kitchen" value="italian">
<input name="kitchen[]" type="checkbox" class="kitchen" value="sushi">
<input name="kitchen[]" type="checkbox" class="kitchen" value="fastfood">
Luego use el pcel:serialize
paquete para recuperar fácilmente los elementos marcados:
var formObject = $('form.main').serializeJSON();
var checkedItems = formObject.kitchen; // an array containing the checked values