Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Изменение цвета выделения при нажатии на checkbox

Автор: Karta 4.2.2013, 14:52

Добры день, столкнулась с такой проблемой.
У меня есть картинка, на картинке область выделена красным цветом. И есть checkbox с надписью "зеленый".
Подскажите как мне написать обработчик, который бы менял красный цвет выделенной области на зеленый?

Код


 .area {
                    
fill: #ef6088;
 fill-opacity:0.36283186000000001;
 stroke:#0a8f00;
stroke-linecap:round;
stroke-opacity:0.33628319000000001;
        }

Это мой .area который окрашивает область красным цветом.
А вот checkbox

Код



<p><input type="checkbox" id="title"><label for="title">Green</label></p>

Попробовала написать такой код

Код


$("#area input[type=checkbox]").change(function() {
    var row = $(this).parent().parent();
    var id = row.attr("id");
    if (this.checked) {
      row.addClass("green");
      $("#"+id, svgdom).myAddClass("green");
    } else {
      row.removeClass("selected");
      $("#"+id, svgdom).myRemoveClass("green");
    }
  });

но что то не работает...

Автор: Aliance 4.2.2013, 15:55

Сделайте 3 класса: .area, .area.green, .area.red - в первом все, как у вас, кроме цвета. в остальных два разные цвета. через скрипт меняйте (добавляйте и удаляйте) соотв. классы.

Автор: Karta 4.2.2013, 16:14

Спасибо, попробовала, сработало. smile