Вопрос такой
Суть:
- необходимо сделать свой чекбокс для списка атрибутов пользователей
- на странице порядка 10 атрибутов для одного пользователя
- он должен ставить галочки у нужного ему атрибута или сразу у всех
Вот оригинал статьи, на которой построена реализация
http://gelios.pp.ua/web/13-checkbox-css-style.html
Имеющаяся реализация:
- javascript <script type="text/javascript">
function logincheckboxCheck () {
if (document.getElementById("checkbox1").checked) {
document.getElementById("shop_row_check").classNam e="checkboxOn";
}
else {
document.getElementById("shop_row_check").classNam e="checkboxOff";
}
}</script>
- в теле html страницы div, который прячет стандартный чекбокс, делает его невидимым и показывает разные, свои картинки, при onclick на чекбоксе
<div id="shop_row_check" class="checkboxOn">
<input style="margin:0;padding:0;opacity:0;filter
rogid: DXImageTransform.Microsoft.Alpha(opacity=0); " type="checkbox" id="checkbox1" onclick="logincheckboxCheck();" class="checkboxOn" checked="checked"/>
</div>
- пока это скрипт работает только с одним атрибутом, если продублировать див для другого атрибута, он для него не работает
Вопрос:
- как сделать так, чтобы скрипт работал с некоей переменной, которая привязывалась бы к конкретному атрибуту и можно было помечать любой свой чекбокс или все сразу
- сейчас это одно значение - id="checkbox1"
спасибо