переключатель активности input-ов
Добрый день. Скажу сразу, с js знаком пока мало. Стоит задача сделать переключатель активности input-ов.
Проще говоря, нажали на галочку, группа инпутов стала активна(доступна для вводатекста), убрали галочку не активна.
имею несколько так называемых блоков:
<td>
<div class="homepage_lessons">
<div class="premiums">
<div class="head"><input class="pr_input" name="Name" type="checkbox" onClick="disableText('a');" id="design">Дизайн</div>
<form name="" action="" method="post">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>Дата и время размещения</td><td><input id="a" name="Name" type="text" value="" disabled><br /><br /></td>
</tr>
<tr>
<td>Заказ принял</td><td><input id="a" name="Name" type="text" value="" disabled><br /><br /></td>
</tr>
<tr>
<td>Заказчик</td><td><input id="a" name="Name" type="text" value="" disabled><br /><br /></td>
</tr>
<tr>
<td>Контактное лицо</td><td><input id="a" name="Name" type="text" value="" disabled><br /><br /></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</td>
таких на странице может быть от 3
пытаюсь получить группу инпутов по "маске" передаваемого в параметре функции
function disableText(position) {
var inputs = document.getElementsByTagName('input');
if (document.getElementById('design').checked == true) {
for (var i=0, l=inputs.length; i<l; i++) {
if ((inputs[i].id||'').indexOf(position) == 0)
inputs[i].disabled = 0;
}
}
if (document.getElementById('design').checked == '') {
for (var i=0, l=inputs.length; i<l; i++) {
if ((inputs[i].id||'').indexOf(position) == 0)
inputs[i].disabled = 1;
}
}
}
но переключать получается только один из блоков. Очень нужно решить эту проблему. Заранее Спасибо!
PS: Если я ошибся разделом, пожалуйста, перенесите тему в необходимый раздел. |