Marcar un checkbox al teclear un texto

[Briss]

Hola tengo una tabla que muestra datos atravez de una consulta.... la cual funciona bien

en la parte de arriba tengo un input text y un boton buscar... lo que pretendo hacer y hasta el momento no he logrado es lo siguiente en mi tabla tengo un checkbox quiero que cuando se teclee en el input de arriba (para buscar) y el texto (id) coincida con un dato de mi tabla se marque el checkbox


tengo lo sig:

Código PHP:

 <form id="form1" name="form1" method="get" > 
Id: 
                        <input type="text" name="id" /> 
            
                        <input type="submit" name="buscar2"  value="Buscar" /> 
                    </form> 
 
<table border="0" > 
  <thead> 
    <tr> 
      <td>Nombre</td> 
      <td>Descripcion</td> 
         <td>Aplica</td> 
      
 
    </tr></thead> 
  <?php do { ?> 
    <tbody> 
      <tr> 
       
        <td ><?php echo $row [nombre']; ?></td> 
        <td ><?php echo $row ['descripcion']; ?></td> 
        <td ><input name="aplica[]" value="<? echo $row ['id];?>" type="checkbox" /></td> 
         
  <?php } while ($row = mysql_fetch_assoc($row)); ?>   

[Javier01]

Buenas tardes,

¿Y no puedes hacerlo mediante una comparacion simple con un if?
Algo como:

Código PHP:

 <td ><input name="aplica[]" value="<? echo $row ['id'];?>" type="checkbox"  <?php if($row ['id']==$_GET['id']){echo 'checked="checked"';}?> /></td>  

Saludos

[Briss]

Iniciado por Javier01

Buenas tardes,

¿Y no puedes hacerlo mediante una comparacion simple con un if?
Algo como:

Código PHP:

 <td ><input name="aplica[]" value="<? echo $row ['id'];?>" type="checkbox"  <?php if($row ['id']==$_GET['id']){echo 'checked="checked"';}?> /></td>  

Saludos

Gracias por tu respuesta pero no se tiene q teclear y marcar automatico

[Javier01]

Ok entonces lo precisas antes de hacer el submit?
si es asi, es con javascript.

prueba haciendo una llamada a una funcion cada vez que se ingrese un dato en el textbox
y a los check, poniendole un id

Código HTML:

<input type="text" name="id" id="id" Onkeyup="buscar(this.value);"/><input type="submit" name="buscar2"  value="Buscar" />
...
...
<input name="aplica[]" id="check<? echo $row ['id];?>" value="<? echo $row ['id];?>" type="checkbox" />
 

Y por ultimo un javascript que tilde el check cuando se ingrese el mismo id

Código Javascript:

<script language="javascript">
    function buscar(valor){
        var check = document.getElementById('check'+valor);
        if(check!='null'){check.checked=true;}
    }
</script>
 

[stramin]

Excelente la respuesta de Javier!

marcando errores en rojo! :D

<?php do { ?>
<tbody>
<tr>

<td ><?php echo $row ['nombre']; ?></td>
<td ><?php echo $row ['descripcion']; ?></td>
<td ><input name="aplica[]" value="<? echo $row ['id'];?>" type="checkbox" /></td>

<?php } while ($row = mysql_fetch_assoc($row)); ?>

Si quieres hacerlo despues de presionar el botón solo marcas las que coinciden con el input del form

Código PHP:

<input name="aplica[]" value="<? echo $row ['id'];?>" type="checkbox" <?php if($row ['id'] == $_GET['id']) echo "checked='checked' "; ?> />
 

[Briss]

Iniciado por Javier01

Ok entonces lo precisas antes de hacer el submit?
si es asi, es con javascript.

prueba haciendo una llamada a una funcion cada vez que se ingrese un dato en el textbox
y a los check, poniendole un id

Código HTML:

<input type="text" name="id" id="id" Onkeyup="buscar(this.value);"/><input type="submit" name="buscar2"  value="Buscar" />
...
...
<input name="aplica[]" id="check<? echo $row ['id];?>" value="<? echo $row ['id];?>" type="checkbox" />
 

Y por ultimo un javascript que tilde el check cuando se ingrese el mismo id

Código Javascript:

<script language="javascript">
    function buscar(valor){
        var check = document.getElementById('check'+valor);
        if(check!='null'){check.checked=true;}
    }
</script>
 

Gracias por sus respuesta he cambiado esto y he agregado lo que indica stramin para que sea despues de dar click ...
Pero al hacer la busqueda mi tabla pierde la informacion y en la parte de arriba de la dirrecion hace esto ../prueba/a1.php?=1&buscar2=Buscar

[stramin]

Pensaba que ese era tu objetivo, si no quieres que se vea en la URL debes cambiar esto:

<form id="form1" name="form1" method="post" >

y esto:

<input name="aplica[]" value="<? echo $row ['id'];?>" type="checkbox" <?php if($row ['id'] == $_POST['id']) echo "checked='checked' "; ?> />

para no perder los resultados de la búsqueda necesitamos que nos des el código que usas para hacer la consulta a la BD, si puedes publicar todo el código mejor.

[Briss]

Gracias funciona ahora bien... solo un ultimo detalle como hago por ejemplo si tengo en mi tabla 3 registros por ejemplo
1A ...
2A....
3A....

si teclee 1A se marca mi checkbox correspondiente

ESTA BIEN...

pero si vuelvo a teclear ahora 2A... como hago para no perder mi checkbox (1A primero en teclear)
y marcar 2A

Osea que acepte marcar uno nuevo al buscarlo sin perder las busquedas anteriores (check marcados)

[stramin]

En ese caso quizás convendría hacerlo al modo de Javier, o sea full Javascript.

Te hago una referencia que debería funcionar, pero si no funciona te pido que publiques el código tal como lo llevas para no confundirnos, primero agregas una id única a cada checkbox para diferenciarlo y también una clase común para manipularlos todos:

<input name="aplica[]" value="<? echo $row ['id'];?>" type="checkbox" <?php if($row ['id'] == $_POST['id']) echo "checked='checked' "; ?> id="check<? echo $row ['id'];?>" class="check" />

y una id para el input de texto:

<input type="text" name="id" id="id" />

luego el botón de envío lo cambiaremos por un botón simple:

(Version Javascript)

<script>
function marcar(){
//El Try es para evitar caidas si el elemento no existe
try{
document.getElementById('check' + document.getElementById('id').value).checked=true;
}catch(e){
}
}
</script>

<input type="button" name="buscar2" value="Buscar" onclick="marcar();" />

(Version JQuery (siempre más corta))

<input type="button" name="buscar2" value="Buscar" onclick="$('#check' + $('#id').val()).attr("checked","checked");" />

[Briss]

Gracias funciona Bien ahora se conserva el check
pero abusando de tu gentileza podrías ayudarme con lo siguiente...
en el código anterior al teclear 1A se marcaba el check pero también el input id se borraba el texto...
ahora tecleo 1A se marca pero el texto se queda ahi tengo que borrarlo para ingresar ahora 2A (se puede hacer que funcione como antes que al teclear un texto se busque y se "limpie" el input )

[Briss]

Bien ya no es problema lo de borrar el texto
Porque ahora lo estoy trabajando con un lector de codigo de barras y borra y da enter automaticamente...
pero pasa lo del inicio se pierde la marca del check



Alguna ayuda Gracias de antemano

[Briss]

He estado leyendo que algunos lectores de codigo de barras dan el enter automatico... y en mi caso esta opcion esta bien lo que no entiendo es porque no conserva mi primer check marcado antes-.....

[Briss]

Creo que el problema es que al ingresar el dato con el lector al dar enter tambien se actualiza la pagina por eso se pierde el chechk marcado... alguien sabe como evitar esto????