Применение стиля для родителя при выбраном чекбоксе

[house.wm]

Кликнув по чекбоксу, div'у в котором он находиться присваивается стиль. Но как сделать чтоб если убрал выделение с чекбокса стиль удалялся? или менялся на другой?

$(document).ready(function(){
					 
    $("input:checkbox").click(function () { 
      $(this).parent().addClass("selected"); 
    });
						 
});

[Octane]

У чекбокса есть еще события: change, focus и blur.

[micscr]

$("input:checkbox").click(function () {
      if ($(this).is(':checked')) {
        $(this).parent().addClass("selected");
	  } else {
	    $(this).parent().removeClass("selected");
	  }	
    });

[house.wm]

спасибо. а как сделать чтобы применялось только для определенного чекбокса?

if ($(_.id === 'so1_checkbox').is(':checked'))

[micscr]

Не совсем понял вопрос.

Навешивайте обработку на определенный чекбокс и будет только для него выполняться.

$("#id").click ...

Также в любом случае внутри можно отличать

if ($(this).is('#id')) ...

[house.wm]

так получается? у чекбокса id: so1_checkbox

$(document).ready(function(){
					 
	$("so1_checkbox").click(function () {
	      if ($(this).is(':checked')) {
	        $(this).parent().parent().addClass("selected");
	      } else {
	        $(this).parent().parent().removeClass("selected");
	      }
	    });				 
});

или так?

<script>
  $(document).ready(function(){
					 
	$("input:checkbox").click(function () {
										if ($(this).is("so1_checkbox")) {
	      if ($(this).is(':checked')) {
	        $(this).parent().parent().addClass("selected");
	      } else {
	        $(this).parent().parent().removeClass("selected");
	      }}
	    });				 
});

</script>

[micscr]

$("#so1_checkbox")