Para que te funciones con mas de 1 elemento en lugar de usar el selector jQuery por id $('#idDeTuElemento') tendrias que hacerlo por un elemnto compartido, lo ideal seria usar un nombre de clases. Por ejemplo a todas las categorias les creamos la clases 'mi_categoria'
<input class="mi_categoria" type="checkbox" name="StyleLapiz" value="1" id="Lapiz"> <input class="mi_categoria" type="checkbox" name="StyleBoligrafo" value="2" id="Boligrafo"> <input class="mi_categoria" type="checkbox" name="StyleCreyon" value="3" id="Creyon"> <input class="mi_categoria" type="checkbox" name="StyleAnimal" value="4" id="Animal"> <input class="mi_categoria" type="checkbox" name="StylePersonas" value="5" id="Personas"> <input class="mi_categoria" type="checkbox" name="StyleAnime" value="6" id="Anime">
Entonces en el selector de jQuery tenes que apsar el nombre de la clase, te pongo un ejemplo que cuando se clickea en un checkbox se muestre un alerta:
$(document).ready( function(){
$('.mi_categoria').on('click', function(e){
var item_id = $(this).attr('id');
alert(item_id)
});
} );
Demo online:
http://codepen.io/anon/pen/MbedOGOtra cosa, no se debe usar $('...').
click(...) es mejor usar $('...').
on('click',function(){...})PD: Si nos sabes los basico de javascript es imposible entender jQuery, asi que te recomiendo que te leas algunos tutoriales de introduccion, lo basico de js y jquery se aprende y 2 o 3 dias.