Comunidad de diseño web y desarrollo en internet online

Mediante un valor ingresado caja de texto me active un radio

Citar            
MensajeEscrito el 28 May 2014 05:49 pm
Mi problema es el siguiente este es mi código con una lista de radio button que muestran nombres de una tabla de la base de datos. Al momento de ingresar un valor en mi caja de texto por ejemplo 4 se active el primer radio button de la lista, y si ingreso mayor a 4 u otro valor se active el siguiente radio, Pues mi caja de texto es el único que se activa. En mi opinión creo que esta parte del script esta el error no me coje el array del radio: form.casilla[0]. Ayuda plis.

Código :

<?php
include 'conexion.php';
$con=conexion();
$res=mysql_query("select * from transporte",$con);
?>
<html>
<body>
<script type="text/javascript">
function validar(form) {
   if (form.txt1.value <=4){

  form.txt2.disabled=(form.txt1.value=='');
    form.casilla[0].disabled=(form.txt1.value=='');
   }
   else {
   form.casilla[1].disabled=(form.txt1.value=='');
   }
}
</script>
<form method="post" action="eliminar.php">
<form>
<input type="text" name="txt1" onKeyUp="validar(this.form)" />
<input type="text" name="txt2" disabled />
<table border="1">
<tr>
<th></th> 
<th>Nombre</th> 
</tr>

<?php 
while($fila=mysql_fetch_array($res)){
?>
 <tr>
    <th><input type="radio" name="casilla[]" value="<?php echo $fila["id_transporte"]; ?>" disabled></th> 
 
    <th><?php echo $fila["descripcion"]; ?></th> 
 </tr>
<?php
}
?>

</table>
</form>

</body>
</html> 



este código si me funciona pero la diferencia es que los radios button no son cargados de una base de datos.

Código PHP :

html>
<head>
<script type="text/javascript">
function validar(form) {
   if (form.txt1.value <=4){
  form.r2.disabled=(form.txt1.value=='');
  form.txt2.disabled=(form.txt1.value=='');
   }
   else {
   form.r1.disabled=(form.txt1.value=='');
   }
}
</script>
</head>
<body>
<form>
<input type="text" name="txt1" onKeyUp="validar(this.form)" />
<input name="r2" type="radio" value="" disabled> 
<input name="r1" type="radio" value="" disabled>
<input type="text" name="txt2" disabled />
</form>
</body>
</html>

Por Rouse

4 de clabLevel



 

chrome
Citar            
MensajeEscrito el 29 May 2014 02:55 pm
Estas obteniendo mas los elementos, te recomiendo ocupas las siguientes funciones dependiendo el caso:

Código Javascript :

document.getElementById();
document.getElementsByClassName();
document.getElementsByName();
document.getElementsByTagName();


A continuación te dejo la solución a tu problema:

Código Javascript :

function validar() {

   var txt1 = document.getElementsByName('txt1');
   var txt2 = document.getElementsByName('txt2');
   var casillas = document.getElementsByName('casilla[]');

   if (txt1.value <=4){

      txt2.disabled=(txt1.value=='');
      casillas[0].disabled=(txt1.value=='');

   } else {

      casillas[1].disabled=(txt1.value=='');
   }

}

Por Sahch

18 de clabLevel



Genero:Masculino  

Programador de Programas

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.