Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Добавлять класс для 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 класса убирался
Ответ: 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>
Вопрос: Клик по двум label

Вопрос знатокам: можно ли как-то кликнуть по двум label разных input одновременно. Если поместить их друг над другом click не всплывает. без js.
Ответ: Ruslan_xDD,
надо открыть ларец с 1 клика по label -- остальное css ??
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  img{
    display: none;
  }
  #a:checked ~ #b:checked ~ img{
    display: block;
  }


  </style>
</head>

<body>
<input id="a" name="" type="checkbox">
<input id="b" name="" type="checkbox">
<label for=a>1 замок </label>
<label for=b>2 замок</label>
<img src="https://allods.mail.ru/images/news/larecccc.gif" alt="">
</body>

</html>
Вопрос: Функция для <label> и <input>

Добрый день. Подскажите функцию, вытягивающий текст из input по поиску label "Название". В виде алерта.

<div class="col-touch-right col-sm-2"><label class="control-label">Название</label></div><div class="col-sm-10"><input type="text" readonly="" value="Тут текст" class="form-control"></div>
Ответ:
Сообщение от laimas
$('label:contains("Название")').parent().next().children().val();
Сообщение от j0hnik
alert($('label:contains("Название")').parent().next().children().val());
Идеально работает. Спасибо большое.
Вопрос: Совершить клик по Label

Здравствуйте, пытаюсь сделать плагин для хрома.
Нужно совершить пару кликов, но не получаться, клик просто не происходит.
Я так понимаю потому что за label стоит checkbox и такой код не помогает:
document.getElementById('country_code_AF').click()

Спасибо laimas . Оказывается клик срабатывал, просто этого не было видно.

Вот кусок страницы:
<div id="country-block">
  <div id="country-list">
    <ul>
        <li class="country-wrap">
          <input id="country_code_AF" value="AF" name="iso_country_code" type="checkbox">
          <label for="country_code_AF">Афганистан</label>
        </li>
</ul>
  </div>
  </div>
Ответ: А метка и не должна выделяться, рабочий в этой "связке" флажок, а метка для удобства, чтобы можно было выбирать/снимать флажок щелчком не только по нему, но и по тексту связанному с ними, который определяется label.
Вопрос: Выровнять в label

Как выровнять в label у меня в этой строке картинка и текст я хочу что бы все было по середине по вертикале.
Ответ:
выравнивай посередине при помощи
text-align: center

выравнивай по вертикали при помощи
position: relative;
top: 10px;
Вопрос: Выровнять в label

Как выровнять в label у меня в этой строке картинка и текст я хочу что бы все было по середине по вертикале.
Ответ:
выравнивай посередине при помощи
text-align: center

выравнивай по вертикали при помощи
position: relative;
top: 10px;
Вопрос: Выровнять в label

Как выровнять в label у меня в этой строке картинка и текст я хочу что бы все было по середине по вертикале.
Ответ:
выравнивай посередине при помощи
text-align: center

выравнивай по вертикали при помощи
position: relative;
top: 10px;
Вопрос: Выровнять в label

Как выровнять в label у меня в этой строке картинка и текст я хочу что бы все было по середине по вертикале.
Ответ:
выравнивай посередине при помощи
text-align: center

выравнивай по вертикали при помощи
position: relative;
top: 10px;
Вопрос: Выровнять в label

Как выровнять в label у меня в этой строке картинка и текст я хочу что бы все было по середине по вертикале.
Ответ:
выравнивай посередине при помощи
text-align: center

выравнивай по вертикали при помощи
position: relative;
top: 10px;
Вопрос: Выровнять в label

Как выровнять в label у меня в этой строке картинка и текст я хочу что бы все было по середине по вертикале.
Ответ:
выравнивай посередине при помощи
text-align: center

выравнивай по вертикали при помощи
position: relative;
top: 10px;