Кастомные Radio кнопки

[DemiuS]

Здравствуйте, есть формочка с 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>

[danik.js]

Форум » Javascript » Общие вопросы Javascript » Кастомные Radio кнопки

Причем тут JavaScript? Вы думайте хоть иногда, прежде чем тему создавать.

[AntonMs]

Я у себя с чекбоксами так сделал

$('.label').click(function(){$(this).toggleClass('active')})

и в css файле прописал: [type='checkbox']{display:none;}


В JQuery есть выборка по выбранным radio кнопкам: $("input:radio:checked")

[danik.js]

Там не нужен js вообще

[DemiuS]

Мне нужен менять значение label=class, в тут-то я и не смог.

[DemiuS]

Там не нужен js вообще

Ну, а я если я хочу это через JS сделать, что в этом плохого?

[danik.js]

Ну, а я если я хочу это через JS сделать, что в этом плохого?

Делай. Главное чтобы без JS обычные чекбоксы отображались.
А то зайдет на сайт такой вот боязливый покупатель как я, с NoScript, и не сможет ничего купить.

[DemiuS]

Ну это для формы с отправкой на мыло, форма не очень важная.
Я просто как раз сейчас изучаю JS и мне очень интересны вот такие функции)

[DemiuS]

Снова требую помощи, ни чего не получилось -_-