Изменение цвета фона при активном checkbox_e
 

Доброго!

Имеется таблица в виде прайс листа (картинка, название, ..., checkbox).
checkbox выводиться <div class="multicart">, соответственно картинка, название аналогично выводится через <div>

Как правильно сделать чтоб при активации чекбокса его содержащая ячейка меняла цвет фона.

Было сделано вот так (код взят с форума):

<style type="text/css">
   .mon {
   background: green;
}
</style>

<script type="text/javascript">
   $('.multicart').ready(function(){
   $('input').click(function(){
   $(this).parent().toggleClass('mon');
   });
})
</script>

работает, но меняет фон абсолютно всем чекбоксам на странице.

MixPetrov,
html где?
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

$('input')

->

$('.multicart input[type="checkbox"]')

Aetae,
Спасибо, все работает.

А вот для общего развития: можно ли добавить в код изменение цвета фона не только в ячейке с чекбоксом, но и в других?

*задумчиво смотрит на расклад куриных потрохов*

$('.multicart input[type="checkbox"]')

->

$('.multicart')

$(this).parent().toggleClass('mon');

->

$(this).toggleClass('mon');

Но вообще непонятно, что подразумевается под "другими", кто знает какая там у вас структура.

Структура таблицы такая: каждая ячейка строки в таблице формируется <div классом>.

<div class="multicart"> - содержится чекбокс
<div class="model"> и тд.


В вышеприведенном скрипте фон меняется в ячейке формируемой <div class="multicart">, а вот можно ли за одно поменять фон и <div class="model">, <div class="name"> и т.д.

Извиняюсь если не совсем четко объясняю

:(

$('.multicart, .model, .name')

А вообще используйте мозг. Догадаться как и что делать можно вообще не зная никакого программирования: логики и гугла достаточно.

MixPetrov,
так сложно показать?

<div class="multicart">
    <input type="checkbox">
    <div class="model"></div>
</div>