Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.11.2012, 15:08
Новичок на форуме
Отправить личное сообщение для Олег123 Посмотреть профиль Найти все сообщения от Олег123
 
Регистрация: 06.11.2012
Сообщений: 3

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

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

Вопрос:

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

спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 06.11.2012, 16:17
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Делать структуру:
различные вложения элементов
или таблицу
и обращаться к соответствующему элементу через ноду
примеров решений сотни в т. ч и в джиквери где можно подсмотреть
Ответить с цитированием
  #3 (permalink)  
Старый 06.11.2012, 16:36
Новичок на форуме
Отправить личное сообщение для Олег123 Посмотреть профиль Найти все сообщения от Олег123
 
Регистрация: 06.11.2012
Сообщений: 3

Спасибо за совет
Но на развёрнутый вопрос, хотелось бы получить соответствующий ответ
Ответить с цитированием
  #4 (permalink)  
Старый 06.11.2012, 17:02
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

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

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

Последний раз редактировалось dmitriymar, 06.11.2012 в 17:05.
Ответить с цитированием
  #5 (permalink)  
Старый 06.11.2012, 17:07
Новичок на форуме
Отправить личное сообщение для Олег123 Посмотреть профиль Найти все сообщения от Олег123
 
Регистрация: 06.11.2012
Сообщений: 3

ок
спасибо
Ответить с цитированием
  #6 (permalink)  
Старый 06.11.2012, 17:19
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

Олег123,
так я не ошибся?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ссылки в скрипте Cloud Zoom onuvidelsolnce Events/DOM/Window 1 25.04.2012 19:24
Чекбокс (переключатель группы чекбоксов) DVNSA Общие вопросы Javascript 6 15.08.2011 14:38
Сессионные переменные в подгружаемом скрипте AlexJ AJAX и COMET 1 21.06.2011 10:34
Скроллбар, как сделать свой? Destrifer Элементы интерфейса 2 01.12.2008 23:48
Текстовый чекбокс seedpeer Элементы интерфейса 1 29.11.2008 21:04