Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Свой чекбокс на скрипте (https://javascript.ru/forum/dom-window/32982-svojj-chekboks-na-skripte.html)

Олег123 06.11.2012 15:08

Свой чекбокс на скрипте
 
Вопрос такой
Суть:
- необходимо сделать свой чекбокс для списка атрибутов пользователей
- на странице порядка 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:progid: DXImageTransform.Microsoft.Alpha(opacity=0); " type="checkbox" id="checkbox1" onclick="logincheckboxCheck();" class="checkboxOn" checked="checked"/>
</div>

- пока это скрипт работает только с одним атрибутом, если продублировать див для другого атрибута, он для него не работает

Вопрос:

- как сделать так, чтобы скрипт работал с некоей переменной, которая привязывалась бы к конкретному атрибуту и можно было помечать любой свой чекбокс или все сразу
- сейчас это одно значение - id="checkbox1"

спасибо

dmitriymar 06.11.2012 16:17

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

Олег123 06.11.2012 16:36

Спасибо за совет
Но на развёрнутый вопрос, хотелось бы получить соответствующий ответ

dmitriymar 06.11.2012 17:02

Цитата:

Сообщение от Олег123
Но на развёрнутый вопрос, хотелось бы получить соответствующий ответ

это не развёрнутый вопрос, а вопрос идущий из незнания основ языка.
ответ был дан -построение соответствующих структур
<div><div class='info'> информация</div> <div> галочка</div></div>

ну и что мешает если клик был по элементу с классом info поставить / убрать галочку в соседнем узле?
Думаю ничего, кроме незнания языка.
в ops.in.ua тебе помогут

Олег123 06.11.2012 17:07

ок
спасибо

dmitriymar 06.11.2012 17:19

Олег123,
так я не ошибся?:)


Часовой пояс GMT +3, время: 23:20.