[Resolvido] Desabilitar inputs

[Ocdigital 2]

Pessoal estou ultilizando javascript para dasalibitar inputs de um formulário porém só está desabilitando um dos inputs eu queria desabilitar todos os campos dessa coluna, alguem pode me dar uma ajuda? na imagem da pra ver melhor o que acontece

 

 

parte do código

 

<script type="text/javascript">
var today = new Date(); 
var dd = today.getDate(); 
var mm = today.getMonth()+1;//January is 0! 
var yyyy = today.getFullYear(); 
if(dd<10){dd='0'+dd} 
if(mm<10){mm='0'+mm} 
onload = function(){ 
var data =+dd+'/'+mm+'/'+yyyy
var trimestre = 27+'/'+11+'/'+2012

if (data < trimestre){

document.getElementById("n1").disabled = true;
}
} 
</script>

 

 

<form id="mainform" action="#" method="post">							
			<table id="product-table1">				
			<th class="table-header-repeat line-left" >Aulas Dadas <input type="text" name="aulas" class="aulasDadas"/></th>
			</table>
			<table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
			<tr>

				<?php $row = mysql_fetch_array($result); 
				echo "<th class='table-header-repeat line-left minwidth-1' colspan= '2' width=120>".$row['turma']."</th>
				<th class='table-header-repeat line-left minwidth-1'>".$row['disciplina']."</th>"?>
				<th class="table-header-repeat line-left" colspan= "2">1 Trimestre</th>
				<th class="table-header-repeat line-left" colspan= "2">2 Trimestre</th>
				<th class="table-header-repeat line-left" colspan= "2" >3 Trimestre</th>
				<th class="table-header-repeat line-left" colspan= "2" >Etapa Final</th>

			</tr>
			<tr>
				<th class="table-header-repeat line-left minwidth-1" width=60>Numero</th>
				<th class="table-header-repeat line-left minwidth-1" width=60>RA</th>
				<th class="table-header-repeat line-left minwidth-1" width=250>Nome</th>
				<th class="table-header-repeat line-left">Nota</th>
				<th class="table-header-repeat line-left">Falta</th>
				<th class="table-header-repeat line-left">Nota</th>
				<th class="table-header-repeat line-left">Falta</th>
				<th class="table-header-repeat line-left">Nota</th>
				<th class="table-header-repeat line-left">Falta</th>
				<th class="table-header-repeat line-left">Nota</th>
				<th class="table-header-repeat line-left">Falta</th>

			</tr>


			 <?php
                   while ($row = mysql_fetch_array($result)) 

				{                        
                       echo"<tr>";
                       echo "<td class='read_only'><input class='nota' name='numero' value='".$row['numero']."'></td>";
					echo "<td class='read_only'><input class='nota' name='ra' value='".$row['ra']."'></td>";
					echo "<td class='read_only'><input class='nota' name='nome' value='".$row['nome']."'></td>";
                       echo "<td><input id='n1' name='n1' class='nota' value='".$row['n1']."'/></td>";
					echo "<td><input name='f1' class='nota' value='".$row['f1']."'/></td>";
                       echo "<td><input name='n2' class='nota' value='".$row['n2']."'/></td>";
					echo "<td><input name='f2' class='nota' value='".$row['f2']."'/></td>";
                       echo "<td><input name='n3' class='nota' value='".$row['n3']."'/></td>";
					echo "<td><input name='f3' class='nota' value='".$row['f3']."'/></td>";
					echo "<td><input name='nfinal' class='nota' value='".$row['nfinal']."'/></td>";
					echo "<td><input name='ffinal' class='nota' value='".$row['ffinal']."'/></td>";
                       echo"</tr>";
                    }
                   ?>

			</table>
			<!--  end product-table................................... --> 
			</form>
		</div>
		<!--  end content-table  -->

		<!--  start actions-box ............................................... -->
		<input type="button"  href="#" value="Salvar" id="enviar" class="form-submit" />
		<input type="reset" value="Limpar" class="form-reset"/>
		<input type="submit" name="imprimir" class="form-impressao" id="enviar" value="Imprimir" onclick="self.print()">
</table>

[shini 318]

tente assim, ela vai retornar uma array, depois faça um for e disabled = true;

 

var lista = document.getElementsByName('n1');

for(var i=0; i<lista.length; i++){
  lista[i].disabled = true;
}

[Ocdigital 2]

Perfeito!!!!

 

tente assim, ela vai retornar uma array, depois faça um for e disabled = true;

 

var lista = document.getElementsByName('n1');

for(var i=0; i<lista.length; i++){
  lista[i].disabled = true;
}