jquery:checkbox勾選者背景換色

by cactus77kiki

HTML

<!--try:勾選時改變css-->
<div class="img">
  <input type="checkbox" name="abc" value='id1'>1
</div>
<div class="img">
  <input type="checkbox" name="abc" value='id3'>2
</div>
<div class="img">
  <input type="checkbox" name="abc" value='id3'>3
</div>
<div class="img">
  <input type="checkbox" name="abc" value='id4'>4
</div>

CSS

.select{
  background:blue;  
}

JavaScript

$('input[name="abc"]').on('change', function (e) {
	//console.log(e);
        if ($(this).prop('checked')) {            
            console.log("V-"+$(this).val());
            $(this).parents('.img').addClass('select');
        } else {            
            console.log("X-" + $(this).val());
            $(this).parents('.img').removeClass('select');
        };
    });