seleccionar radio segun valor en input text

hzapata9 · #1 (**permalink**) 22/08/2008, 14:25

necesito seleccionar 1 radio (de 5) segun el valor que se ingrese en input text (los radio se crean dinamicamente con php)

cada radio debe tener un valor un rango de valores, me explico

radio 1 -> 0-50
radio 1 -> 51-70
radio 1 -> 71-80
radio 1 -> 81-100
radio 1 -> 101-115

si alguien me da una idea o codigo de ayuda por favor

David · #2 (**permalink**) 22/08/2008, 14:27

Solo necesitas hacer una serie de comparaciones (con if) para los distintos valores y seleccionar el radio correspondiente:

Código PHP:

  form.radio[indice].checked = true;

hzapata9 · #3 (**permalink**) 22/08/2008, 14:45

ok, buena idea. pero ahora que me di cuenta no puse qe el radio debe quedar seleccinado al momento de salir del input text (al perder el focus como dicen)

por eso pensaba que Javascript me ayudaria ahi,

es asi???

David · #4 (**permalink**) 22/08/2008, 14:52

Exacto, con Javascript puedes hacerlo en el evento onblur del input.

hgp147 · #5 (**permalink**) 22/08/2008, 14:54

Código HTML:

<html>
<head>
<script>

function va(numero){


if(numero >= 0 && numero <= 50){
i=0;
}else if(numero <= 70){
i=1;
}else if(numero <= 80){
i=2;
}else if(numero <= 100){
i=3;
}else if(numero <= 115){
i=4;
}

document.form.valor[i].checked = true;

}

</script>
</head>
<body>

<form name="form">
<input type="text" name="numero" id="numero" onkeydown="va(this.value);" onkeyup="va(this.value);">
<input type="radio" name="valor" value="0" />
<input type="radio" name="valor" value="1" />
<input type="radio" name="valor" value="2" />
<input type="radio" name="valor" value="3" />
<input type="radio" name="valor" value="4" />
</form>

</body>

</html>

Avatar810 · #6 (**permalink**) 22/08/2008, 15:08

El codigo que te recomienda hgp147 esta excelente solo que en lugar de onkeydown="va(this.value);" onkeyup="va(this.value);" es onblur="va(this.value) asi como dijo David el Grande.

Igual debes de validar que solo capture numeros o que sucedera cuando no este dentro del rango que indicas.

David · #7 (**permalink**) 22/08/2008, 15:12

Otro problema que le veo al código es que el valor que obtendríamos con this.value es texto, y dentro de la función la estamos comparando con números, sería mejor usar un parseInt para convertirlo primero a números.

P.S.: Buen código, hgp147, aunque siempre es bueno incluir una explicación con el código para que el usuario pueda aprender de él en vez de solo copiarlo y pegarlo.

hzapata9 · #8 (**permalink**) 25/08/2008, 07:46

agradezco las respuestas, pero quiero seguir abarcando mas detalles con el tema

quisiera poner un mensaje (alert) cuando se ingrese un numero mayor al maximo rango permitido, es decir:

Código PHP:

  function valida(numero){
   if((numero < 0) || ()){
          alert("error")
          return false
   }
}

he probado esto con el codigo que me dieron, pero quiero agregar ademas la accion de borrar el contenido del input text despues del "alert"

como podria hacerse?

hzapata9 · #9 (**permalink**) 25/08/2008, 07:48

sorry...

agradezco las respuestas, pero quiero seguir abarcando mas detalles con el tema

quisiera poner un mensaje (alert) cuando se ingrese un numero mayor al maximo rango permitido, es decir:

Código PHP:

  function valida(numero){
   if((numero < 0) || (numero > 115)){
          alert("error")
          return false
   }
}

he probado esto con el codigo que me dieron, pero quiero agregar ademas la accion de borrar el contenido del input text despues del "alert"

como podria hacerse?

David · #10 (**permalink**) 25/08/2008, 07:51

Código PHP:

  document.getElementById('numero').value = '';

En ese caso colocamos su value a ''.

hzapata9 · #11 (**permalink**) 25/08/2008, 10:19

señores sigo teniendo problemas, me explico con lo que tengo:
he probado los codigos y andan bien, pero el tema es en caso de input text y radios creados dinamicamente no logro "armar" el asunto

tengo esto para validar que se haya seleccionado un radio por grupo

Código PHP:

  <script language="javascript" type="text/javascript">
var MensajeDeError="Haga el favor de rellenar todo!"
    function pepote(f){
        marcado=false;
        var nombre;
        for(a=0; a<f.elements.length; a++){
            if(f[a].type=="radio"){
                if(nombre!=f[a].name){
                    nombre=f[a].name;
                    for(aa=0; f[a+aa].name==f[a].name; aa++){
                        if(f[a+aa].checked){
                            marcado=true;
                        }
                    }
                    if(marcado==false)    { alert(MensajeDeError);return false; }
                }
                marcado=false;
            }
        }
    } 
</script>

ahora porque tengo esto, porque tengo otra seccion donde debo seleccionar radios de acuerdo a una escala, y el otro punto en el que estoy trabajando y de donde nace mi consulta primera, es que se debe selecionar un radio a partir de un valor en "input text"

mi codigo es asi para crear los input text y radios:

Código PHP:

    while($pos_m > -1){
    echo "<tr>";
    echo "<td align=center><strong>" . $num . "</strong></td>";
    echo "<td>" . $arreglo_m[$pos_m][1] . "</td>";
    echo "<td align=center><input type='text' name=". $arreglo_m[$pos_m][1] ." onkeydown='va(this.value);' onkeyup='va(this.value);' onclick=this.value=''; size=1 maxlength=3 > % </td>";
    for($i=1; $i < 6; $i++){
          echo "<td align=center><input type='radio' name=ident_m[".$arreglo_m[$pos_m][0]."] disabled=true></td>";
    }
           $num++;
    $pos_m--;
  }

como ven he creado los radio con propiedad disabled=true, me aseguro que se marquen por medio del valor en el input text. En el script que me han dado, no se como hacer referencia al nombre del radio (ya que se crea dinamicamente como se ve en el codigo de arriba)

document.form1.campo.checked = true;

alguienme ayude o guie por favor...