[ruweb]

подскажите какой-нибудь способ кастомизации чекбоксов с помощью jquery.

я наваяла такое, но он не совсем верно работает. через раз подгружает при загрузке страниц картинку с галочкой. если отмечать чекбокс - снимает классы "checkbox-checked" с остальных чекбоксов.

 $(window).load(function() {
   // после загрузки страницы уже отмеченные чекбоксы заменяются на изображение через присвоение класса
  //(чекбоксы не отображаются, изображение на бекграунде в лейбле)
    $('input[type="checkbox"]').each(function () {
        if ($(this).prop('checked')) {
            $(this).parent().addClass('checkbox-checked');
        }
     });

  //по клику присваивается или удаляется класс который содержит в себе изображение с галочкой
    $('input[type="checkbox"]').bind("change", function(){
      if ($(this).is(":checked")) {
          $(this).parent('label').addClass('checkbox-checked');
      }
      else {
         $(this).parent('label').removeClass('checkbox-checked');
      }
    });

за помощь буду очень благодарна