Кастомные Radio кнопки
Здравствуйте, есть формочка с radio кнопками:
<div class="radio-check"> <div class="check-wrap"> <label class="check-field active" value="1"> <span class="icon"></span> <em>Текст1</em> <input type="radio" name="ceiling" id="ceiling-gipsokarton" value="1" checked> </label> <label class="check-field" value="2"> <span class="icon"></span> <em>Текст2</em> <input type="radio" name="ceiling" id="ceiling-gipsokarton" value="2"> </label> <label class="check-field" value="3"> <span class="icon"></span> <em>Текст3</em> <input type="radio" name="ceiling" id="ceiling-gipsokarton" value="3"> </label> </div> </div> Я долго мучался и не смог понять, как можно сделать стиль для отдельного блока который я выбрал, пытался через this менять, но бред выходит. |
ну почему же бред? Id должны быть разные только
<script> function ch(x){ x.parentElement.style.color = "red"; } </script> <div class="radio-check"> <div class="check-wrap"> <label class="check-field active" value="1"> <span class="icon"></span> <em>Текст1</em> <input type="radio" onchange="ch(this)" name="ceiling" id="ceiling-gipsokarton" value="1" checked> </label> <label class="check-field" value="2"> <span class="icon"></span> <em>Текст2</em> <input type="radio" onchange="ch(this)" name="ceiling" id="ceiling-gipsokarton" value="2"> </label> <label class="check-field" value="3"> <span class="icon"></span> <em>Текст3</em> <input type="radio" onchange="ch(this)" name="ceiling" id="ceiling-gipsokarton" value="3"> </label> </div> </div> |
Цитата:
|
Я у себя с чекбоксами так сделал
$('.label').click(function(){$(this).toggleClass('active')}) и в css файле прописал: [type='checkbox']{display:none;} В JQuery есть выборка по выбранным radio кнопкам: $("input:radio:checked") |
|
Мне нужен менять значение label=class, в тут-то я и не смог.
|
Цитата:
|
Цитата:
А то зайдет на сайт такой вот боязливый покупатель как я, с NoScript, и не сможет ничего купить. |
Ну это для формы с отправкой на мыло, форма не очень важная.
Я просто как раз сейчас изучаю JS и мне очень интересны вот такие функции) |
Снова требую помощи, ни чего не получилось -_-
|
Часовой пояс GMT +3, время: 13:23. |