Здравствуйте. Ребята, очень нужна помощь, выручайте. Почему-то не ставиться checked в указанном месте. Нагляднее показать скринах. Код (Text): <style> .CheckBoxLabelClass{ padding-left: 30px; /*создание отступа слева*/ padding-top: 3px; background:url('UnCheck.png') no-repeat; /*установка картинки на фоне*/ margin: 5px; height: 28px; display: inline-block; } .CheckBoxLabelClass:hover{ text-decoration: underline; /*Подчёркиваем при наведении*/ } .LabelSelected{ background: url('Check.png') no-repeat; } /*.CheckBoxClass{ display:none; }*/ </style> <table id="check-baget"> <tr> <td style="width:115px;"><label for="baget-holst" style="cursor:pointer;"><img src="images/holst.jpg" /></label><br><input type="radio" name="baget" id="baget-holst" value="1" class="CheckBoxClass"><label for="baget-holst" style="cursor:pointer;" class="CheckBoxLabelClass">Только холст</label></td> <td style="width:115px;"><label for="baget-podramnik" style="cursor:pointer;"><img src="images/obychyi.jpg" /></label><br><input type="radio" name="baget" id="baget-podramnik" value="0" class="CheckBoxClass"><label for="baget-podramnik" style="cursor:pointer;" class="CheckBoxLabelClass">На подрамнике</label></td> <td style="width:115px;"><label for="baget-baget" style="cursor:pointer;"><img src="images/lak.jpg" /></label><br><input type="checkbox" name="baget-baget" id="baget-baget" value="2" class="CheckBoxClass"><label for="baget-baget" style="cursor:pointer;" class="CheckBoxLabelClass">Багет</label></td> <td style="width:116px;"><label for="baget-lak" style="cursor:pointer;"><img src="images/lak.jpg" /></label><br><input type="checkbox" name="baget-lak" id="baget-lak" value="3" class="CheckBoxClass"><label for="baget-lak" style="cursor:pointer;" class="CheckBoxLabelClass">Покрытие лаком</label></td> </tr> <tr><td colspan="4"><div id="vbaget"> <table> <tr> <td style="width:115px;"><label for="baget-white" style="cursor:pointer;"><img src="images/baget_white.jpg" /></label><br><input type="radio" name="сbaget" id="baget-white" value="0" class="CheckBoxClass"><label for="baget-white" style="cursor:pointer;" class="CheckBoxLabelClass">белый</label></td> <td style="width:115px;"><label for="baget-black" style="cursor:pointer;"><img src="images/baget_black.jpg" /></label><br><input type="radio" name="сbaget" id="baget-black" value="1" class="CheckBoxClass"><label for="baget-black" style="cursor:pointer;" class="CheckBoxLabelClass">черный</label></td> <td style="width:115px;"><label for="baget-oreh" style="cursor:pointer;"><img src="images/baget_oreh.jpg" /></label><br><input type="radio" name="сbaget" id="baget-oreh" value="2" class="CheckBoxClass"><label for="baget-oreh" style="cursor:pointer;" class="CheckBoxLabelClass">орех</label></td> <td style="width:115px;"><label for="baget-vishnya" style="cursor:pointer;"><img src="images/baget_vishnya.jpg" /></label><br><input type="radio" name="сbaget" id="baget-vishnya" value="3" class="CheckBoxClass"><label for="baget-vishnya" style="cursor:pointer;" class="CheckBoxLabelClass">вишня</label></td> </tr> </table> </div> </td></tr> </table>
лучше б ссылку дал. вообще убери через display:none; эти кружочки и квадратики, раз у тебя галочки ставятся красивые картинками.
сначала были убраны, но потом обнаружил не совпадение, оставил для наглядности. ссылка на сайт _borneza.ru
забавно, вот же ж засада Добавлено спустя 6 минут 30 секунд: короче, моё мнение такое. Надо разделить логически, и тогда будет проще понять, что и куда пихать в ифах. Если у вас "только холст", "холст на подрамнике" и "багет" это три взаимоисключающих варианта, то от этого надо плясать и в коде. Добавлено спустя 43 секунды: а, да, и в вёрстке и расположить их соответственно. тогда и дизейблить будет проще, и людям понятнее.
тут как раз два взаимоисключающих - это холст и все остальное, лак сам по себе. смысл такой: если нужен холст, то соответственно надо снять галочки с багета и подрамника. Если галка была на лаке, то пусть останется. если нужен подрамник, то снимем галку с холста, лак также остается сам по себе. если нужен багет, то без подрамника не обойтись, снимаем галку с холста и ставим на подрамник, активируются варианты багета.
разве лак не для рамки? я не знал, что лаком мажут картины =) Если лак для картины тоже, то надо конечно вынести его в отдельную линию. У вас сейчас всё свалено. Так что ли: O Холст O Подрамник . . [ ] Багет . . . . O Цвет O Цвет O Цвет O Цвет [ ] Лак . . O Цвет O Цвет O Цвет O Цвет
ещё можно делать такие извращения, мне они по-душе: O Холст O Подрамник . . Багет: . . . . О Без багета O Цвет O Цвет O Цвет O Цвет Лак . . О Без лака O Цвет O Цвет O Цвет O Цвет и ставить дефолтные галки. Оно так даже проще для восприятия.
я правильно понимаю, что проблема состоит в том, что выбор "багета" устанавливает красивую галку у "подрамника" но не переключает радио в соответствующее положение?
там ифчик, но всё равно объединено всё кривенько, поэтому и косячит. надо объединить по смыслу и добавить классов, чтобы фигачить сразу всю группу целиком.
алгоритм надо переписывать. выбрал +подрамник +багет +орех снял подрамник - система перекинула на "только холст" и "покрытие лаком"
да, с дефолтными галками было бы проще, но того требует тех задание. ага, лак бесцветный, им покрывают холст для красоты. поэтому он болтается сам по себе. остается: 1 группа - холст 2 группа - подрамник и багет активен холст - галки снимаем со 2-ой группы активен кто-то из 2-ой группы, снимаем галку с 1-ой (холста) Добавлено спустя 32 секунды: все верно Добавлено спустя 44 минуты 50 секунд: думаю собака порылась в .attr('checked')
техзадание можно уточнить и изменить. пожалуйста. обожаю, когда люди отказываются стремиться к лучшему при равных трудозатратах.