JSFiddle - React, Tailwind, and code Playground

HTML

<div class="checks">
                <div><img class="check" src="http://img403.imageshack.us/img403/6444/1chekboxoff.png"><input type="checkbox" name="check_del[]" value="бла бла бла" class="check_f" /><span class="centerspan">бла бла бла</span></div>
</div>

JavaScript

var on_prefix = "img233.imageshack.us/img233/9439/1chekboxon";
var off_prefix = "img403.imageshack.us/img403/6444/1chekboxoff";

$(document).ready(function()

{
    $('.check_f').hide();
    $('.check').click(function() {
        var index = $('.check').index(this);
        var imgsrc = $(this).attr('src');
        if ($('.check_f').eq(index).attr('checked')) {
            $(this).attr('src', imgsrc.replace(on_prefix, off_prefix));
            $('.check_f').eq(index).removeAttr('checked');
        } else {
            $(this).attr('src', imgsrc.replace(off_prefix, on_prefix));
            $('.check_f').eq(index).attr('checked', 'true');
        }
    });

});