Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.09.2017, 09:02
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Добавлять класс для label при активном checkbox?
Есть такая структура
<table id="chbBlogsLabelsList" border="0">
  <tbody><tr>
    <td><input id="chbBlogsLabelsList_0" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_0"><label for="chbBlogsLabelsList_0">еда</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_1" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_1"><label for="chbBlogsLabelsList_1">концерт</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_2" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_2"><label for="chbBlogsLabelsList_2">dj</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_3" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_3"><label for="chbBlogsLabelsList_3">коктейль</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_4" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_4"><label for="chbBlogsLabelsList_4">кальян</label></td>
  </tr>
</tbody></table>


При активном чекбоксе добавляю класс
$(function() {
$( "#chbBlogsLabelsList input" ).on( "click", function() {
            if($(this).is(":checked")) { $(this).addClass("qqqq");}
   else {$(this).removeClass("qqqq");}
})
});


класс добавляется для input
мне нужно чтобы если класс добавлен для input то он добавлялся и для label,соответственно если чекбокс не активен то и с label класса убирался
Ответить с цитированием
  #2 (permalink)  
Старый 22.09.2017, 09:13
Аспирант
Отправить личное сообщение для INSIDER73 Посмотреть профиль Найти все сообщения от INSIDER73
 
Регистрация: 12.01.2017
Сообщений: 48

Вопрос решен
$(function() {
$( "#chbBlogsLabelsList input" ).on( "click", function() {
            if($(this).is(":checked")) { $(this).next().addClass("qqqq");}
   else {$(this).next().removeClass("qqqq");}
})
});
Ответить с цитированием
  #3 (permalink)  
Старый 22.09.2017, 11:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

INSIDER73,
для данной структуры достаточно только css
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

 <style type="text/css">
   #chbBlogsLabelsList input:checked + label{
     border: solid 2px #0066FF;
     border-radius: 8px;
       padding: 4px 8px;
   }
   #chbBlogsLabelsList input{
     display: none;
   }

 </style>
</head>

<body>
<table id="chbBlogsLabelsList" border="0">
  <tbody><tr>
    <td><input id="chbBlogsLabelsList_0" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_0"><label for="chbBlogsLabelsList_0">еда</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_1" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_1"><label for="chbBlogsLabelsList_1">концерт</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_2" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_2"><label for="chbBlogsLabelsList_2">dj</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_3" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_3"><label for="chbBlogsLabelsList_3">коктейль</label></td>
  </tr><tr>
    <td><input id="chbBlogsLabelsList_4" type="checkbox" name="ctl00$cphMain$chbBlogsLabelsList$chbBlogsLabelsList_4"><label for="chbBlogsLabelsList_4">кальян</label></td>
  </tr>
</tbody></table>


</body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
спрятать/показать поле ввода при нажатии на checkbox g1r Элементы интерфейса 34 16.12.2017 00:34
Как добавить и удалить класс при нажатии на div? Jeick9 Events/DOM/Window 23 10.03.2015 16:05
Свой стиль для CheckBox vah-smile Элементы интерфейса 7 23.06.2011 18:34
Функция disable для нескольких checkbox allforweb Элементы интерфейса 4 19.12.2010 17:51
Проверка статуса checkbox при xmlhttprequest vvsh AJAX и COMET 3 06.08.2009 15:51