JSFiddle - React, Tailwind, and code Playground
HTML
<div class="block" id="block_1">
<input type="checkbox" name="images" id="image_1" class="block_input" />
<label for="image_1" class="block_button" style="background-image:url(img/bnw/block_1bnw.png);">
<span>Label text</span></label>
</div>
JavaScript
$('.block_input').change(function(){
var imgId = $(this).parent().attr('id');
// alert($(this).checked);
// alert($(this).prop('checked'));
if ($(this).prop('checked')) {
$(this).siblings('.block_button').css("background-image", "url('http://www.w3schools.com/css/paper.gif')");
} else {
$(this).siblings('.block_button').css("background-image", "url('http://www.w3schools.com/css/bgdesert.jpg')");
}
});