<script src="jquery.js" type="text/javascript"></script>
<script>
$(function() {
function checksec() {
		$('.kutu .box').each(function(){ 
			$(this).removeClass('secili');
		});		
		if ($('.box label').length) {
			$('.box label').each(function(){ 
				$(this).removeClass('secili');
			});
			$('.box input:checked').each(function(){ 
				$(this).parent('label').addClass('secili');
			});
		};
}
	$('.box').click(function(){
	checksec();
	});

	});
</script>
<style>
	.box label {width:100px;height:100px;padding:10px;border:1px solid #ccc;float:left;margin-right:10px;cursor:pointer;}
	.box input {display:none;}
	.box label.secili {border-color:green;}
</style>
<?php
if($_POST) {
print_r($_POST['deger']);
}
?>
<form action="" method="post">
<div class="kutu">
	<div class="box" id="1"><label><input type="checkbox" name="deger[]" value="1"/>1 Nolu Box</label></div>
	<div class="box" id="2"><label><input type="checkbox" name="deger[]" value="2"/>2 Nolu Box</label></div>
	<div class="box" id="3"><label><input type="checkbox" name="deger[]" value="3"/>3 Nolu Box</label></div>
</div>
<input name="ekle" type="submit" value="Ekle" id="ekle"/>
</form>

Localde jquery'in 1.8.3 versiyonunu kullanıyorum. Bu sekilde yapabilirsin. PHP dosyası olarak kaydet. Ekle butonuna basınca array olarak getirecek değerleri sana. Gerisini hallersin artık.