[Yury]

Добрый день. Скажу сразу, с 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: Если я ошибся разделом, пожалуйста, перенесите тему в необходимый раздел.