Привествую javascript гуру
Пишу несколько не простую форму регистрации для своего сайта, сам пишу на php, но вот для части формы необходимо сделать несколько "фич", которые под силу только javascript (так чтоб без изврата). Суть такова:
<html>
<head>
<title></title>
</head>
<body>
<form name='form' action='' method='post'>
<pre>
Не заполнять <input type='checkbox' name='sel_all'>
Вариант 1 <input id='items_1' type='checkbox'> <input type='text'>
Вариант 2 <input id='items_2' type='checkbox'> <input type='text'>
Вариант 3 <input id='items_3' type='checkbox'> <input type='text'>
Тоже не заполнять <input type='checkbox' name='sel_all'>
Вариант 1.1 <input id='items_1' type='checkbox'> <input type='text'>
Вариант 2.1 <input id='items_2' type='checkbox'> <input type='text'>
Вариант 3.1 <input id='items_3' type='checkbox'> <input type='text'>
</pre>
</form>
</body>
</html>
Когда стоит галочка "Не заполнять", все остальные чекбоксы должны быть отмечены + все поля заблокированы для ввода+все, что ниже этого чебокса спрятано, вроде как так
function collapsElement(id) {
if ( document.getElementById(id).style.display != "none" ) {
document.getElementById(id).style.display = 'none';
}
else {
document.getElementById(id).style.display = '';
}
}
Для поля "Тоже не заполнять" все тоже самое, но действовать должно только на элементы, которые ниже него. Таких блоков на странице будет несколько и они должны быть независимы.
Нашел множество способов как можно это реализовать по отдельности (блокировка поле, выбрать все чекбоксы итд.) и вроде понятно как это работает, но все это в кучу склеить не выходит. Очень надеюсь на Вашу помощь т.к. с javascript у меня беда.
