arreglo de input con php y JavaScript

[dante2007_age]

Hola Buenas tardes por favor solicito de su ayuda por favor. La situación es la siguiente: Estoy haciendo un sistema de captura de calificaciones, obtengo el listado de alumnos de la base de datos que contiene matricula, nombre de alumno, dibujo un input para que se almacene la calificación y el tipo de acreditación con otro input de manera dinámica, es decir:

Código PHP:

 <tr    class="tabfill"> 
<td class="tabdato" align="left"><input type="text" name="id[]" value="<?php echo $row2[5]?>" /></td> //id en la base de datos del alumno 
<td class="tabdato" align="left"><?php echo $row2[0]?></td> 
<td class="tabdato" align="left"><?php echo $row2[1]." ".$row2[2]." ".$row2[3]?></td> //nombre del alumno 
<td class="tabdato" align="left"><input type="text" name="cal[]" value="" id="cal[]" onchange=onchange="tipoeval();"></td> 
<td class="tabdato" align="left"><input type="text" name="evalu[]" value="" id="evalu[]" /></td> 
 
</tr>  

Arreglo de calificaciones : cal[]
Arreglo de tipo de acreditación: evalu[]

Hasta aquí todo bien, lo que no he podido hacer y necesito se realice es que al momento de ingresar una calificación del alumno 1 por ejemplo, evalué si la calificación es aprobatoria o reprobatoria y al momento de dar click o quitar el foco del input de cal[] se llene el input de evalu[] con una letra A de aprobado o R de reprobado y que esta acción se vaya ejecutando al momento de capturar cada calificación. No he podido lograr que por medio de Javascript recorra el arreglo de la lista, porque ademas son diferentes listas por lo tanto varia la cantidad de alumnos cada vez.
Tengo el siguiente script en JavaScript pero no me funciona.

Código HTML:

<script type="text/javascript">
        // funcion que se ejecuta cada vez que se selecciona una empresa
        function tipoeval()
        {
			if(document.getElementByName('cal').length < 70){

  
		            document.getElementByName('evalu').value="A";

        }
		if(document.getElementByName('cal').length >= 70){

       
		            document.getElementByName('evalu').value="R";

        }
			}
		
    </script> 

Por favor si alguien pudiera sugerirme alguna solución se lo agradezco de antemano

[Italico76]

Amigo:

Creo estas confundiendo el nombre de la funcion que necesitas:

getElementByName() no existe..... en todo caso seria getElementsByTagName() pero tampoco es la que necesitas

Debes usar getElementById()

[Panino5001]

El nombre es getElementsByName:
https://developer.mozilla.org/en-US/...ElementsByName

[Italico76]

Iniciado por Panino5001

El nombre es getElementsByName:
https://developer.mozilla.org/en-US/...ElementsByName

Cierto.... no se en que estaba pensando......

Igualmente (de pura suerte) lo resuelve con cualquiera de ellos tal y como esta el formulario

[dante2007_age]

Muchas gracias por sus respuestas lo voy a modificar de acuerdo a sus sugerencias, pruebo el código y les comento el resultado

[caricatos]

Hola:

Si te refieres a getElementsByName, debes considerar que se trata de un array, así que debes indicar su índice (a no ser que consultes su longitud).

Saludos

[dante2007_age]

Hola caricatos exactamente ese es el punto, no entiendo como en javascript declarar un ciclo u obtener por la propiedad length el tamaño del arreglo que es dinámico ya que saco las listas de alumnos por grupo y por lo tanto el número de alumnos es variable.

alumno calificacion tipo_eval

1 80 A // necesito que al momento de capturar la calificación
2 50 R //automaticamente se evalue y que se llene el input tipo_eval
3 100 A // con la letra correspondiente

No se como declarar el ciclo en javascript para que evalue cada elemento del arreglo, y precisamente como comentas obtener la cantidad de elementos del array, como puedes ver coloqué length pero no es lo adecuado.

Por favor si me pudieras apoyar te lo agradecería muchisimo.

JavaScript

Código Javascript:

<script type="text/javascript">
        
        function tipoeval()
        {
            if(document.getElementsByName('cal').length < 70){
 
 
                    document.getElementsByName('evalu').value="R";
 
        }
        if(document.getElementsByName('cal').length >= 70){
 
 
                    document.getElementsByName('evalu').value="O";
 
        }
            }
        
    </script>
 

PHP

Código PHP:

<table class="formatable">
<th class="tabtit">relacion acd</th>
 
<th class="tabtit">No. Control</th>
<th class="tabtit">Nombre del alumno</th>
<th class="tabtit">Calificacion</th>
<th class="tabtit">Estado</th>
<?php
while($row2=mysql_fetch_array($query2)):?>
<tr class="tabfill">
<td class="tabdato" align="left"><input type="text" name="id[]" value="<?php echo $row2[5]?>" /></td>
<td class="tabdato" align="left"><?php echo $row2[0]?></td>
<td class="tabdato" align="left"><?php echo $row2[1]." ".$row2[2]." ".$row2[3]?></td>
<td class="tabdato" align="left"><input type="text" name="cal[]" value="" id="cal[]" onchange="tipoeval();"></td>
<td class="tabdato" align="left"><input type="text" name="evalu[]" value="" id="evalu[]" /></td>
 
</tr>
<?php endwhile;?>
</table>
<?php
 

Ahora no se si debe ser getElementById o ByName

[Italico76]

Como tienes un array de campos..... porque tienes varios registro de alumnos, yo lo haria asi:

<input type="text" name="cal[]" value="" id="cal[]" onchange="tipoeval(this); />"

Luego en tipoeval() obtienes el "elemento padre" (parent) que es un <tr class="tabfill"> y buscas un hijo (child) con name="evalu[]" value="" o bien id="evalu[]" y a ese hijo le cambias su value

[dante2007_age]

Hola Italico gracias por tu respuesta la verdad tengo conocimientos muy básicos de javascript y por lo tanto no se como manipular el DOM pero estoy investigando para poder aplicar la opción que me das. Muchas gracias por contestar. Saludos.