Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Текстовый чекбокс (https://javascript.ru/forum/dom-window/2264-tekstovyjj-chekboks.html)

seedpeer 29.11.2008 16:24

Текстовый чекбокс
 
Привет всем.

Помогите создать такое:

Сам чекбокс должен быть скрыт. Поверх него - текст из label этого чекбокса. При клике по label чекбокс включается/выключается, а label соответственно подсвечивается/гаснет (через background-color).

Вот пример (выбор кузова): http://autorambler.ru/cars/

Вроде бы это просто, но я абсолютный ламер в javascript.

seedpeer 29.11.2008 21:04

разобрался
 
Сделал на основе другого кода. Получилось так:

<script>
function chg(id,chk){
var el = document.getElementById(id);
var ch = document.getElementById(chk);
if (el.style.background==''){
el.style.background='red'
ch.checked="true";
}else{
el.style.background=''
ch.checked="";
}
}
</script>
<label id="label1" onClick="chg(this.id,'check')">Лабел</label><br>
<input type="checkbox" name="check" id="check">


Часовой пояс GMT +3, время: 10:30.