помогите разобраться с формой
 

есть форма

<form action="index.php" method="post" >
<tr>
<td>материал</td>
<td>цена</td>
<td><input type="text" name="gramm" size="2" maxlength="2" /></td>
<td><input type="checkbox" name="material" value="0" /></td>
</tr>
<input type="submit" value="далее" />
</form>

как сделать неактивными по умолчанию input type="text", а становятся они активными, только после того как поставят галочку в input type="checkbox"? спасибо!

изменяйте свойство disabled:

inputElement.disabled = true;

в XHTML соответственно атрибут disabled:

<input type="text" disabled="disabled" />

<form action="index.php" method="post" >
<tr>
<td>материал</td>
<td>цена</td>
<td><input type="text"  disabled="disabled" name="gramm" size="2" maxlength="2" /></td>
<td><input type="checkbox" name="material" onchange="chageBox(this)" value="0" /></td>
</tr>
<input type="submit" value="далее" />
</form>

function changeBox(ele){
  ele.form.gramm.disabled=(!ele.checked);
}

не работает :(

Я не тестил.
Попробуй с onclick

Не, всё ок, просто опечатка:

<input type="checkbox" name="material" onchange="changeBox(this)" value="0" />

Ну такие то вещи можно наверно заметить?!

теперь да :) спасибо, а если material и gramm это массивы, т.е. material[] и gramm[] как в этой ситуации заставить работать эту конструкцию?

у меня вот так выводится форма

По-точнее логику, пожалуйста.
Имеется ввиду, что имена чекбоксов - material[], а полей gramm[]? Тогда по какому принципу вкл/откл поля?!

да.
те, которые получаются в одноименном проходе цикла

function changeBox(ele){
	for(var i=0;i<document.forms.form['gramm[]'].length;i++){
		document.forms.form['gramm[]'][i].disabled=(!document.forms.form['material[]'][i].checked);
	}
}

Здесь в

document.forms.form

form-имя формы:

<form action="index.php" method="post" name="form" >