jQueryでチェックボックスを操作する例文

チェックされてるチェックボックスを着色

$(document).ready(function(){

 //デフォルト
 $("input[checked='checked']").parent().css("background-color","#FFCFFF");

 //クリック時
 $("input[type='checkbox']").click(function(){
 var chk = $(this).attr('checked');
 if(chk == true){
  $(this).parent().css("background-color","#FFCFFF");
 }else{
  $(this).parent().css("background-color","#FFFFFF");
 }
 return true;
 });

});



<label><input type="checkbox" name="Name" value="値1" />値1</label>
<label><input type="checkbox" name="Name" value="値2" checked="checked" />値2</label>