Foros del Web » Programando para Internet » Javascript » Frameworks JS »

identifcar checbox true?

Estas en el tema de identifcar checbox true? en el foro de Frameworks JS en Foros del Web. Hola amigos Tengo un problema tengo una tabla con varias filas y por cada fila tengo un checkbox , cabe mencionar que estas filas vienen ...
  #1 (permalink)  
Antiguo 24/05/2012, 08:17
 
Fecha de Ingreso: enero-2012
Ubicación: Mexico Df
Mensajes: 95
Antigüedad: 12 años, 3 meses
Puntos: 6
identifcar checbox true?

Hola amigos

Tengo un problema tengo una tabla con varias filas y por cada fila tengo un checkbox , cabe mencionar que estas filas vienen de una consulta

Código PHP:
Ver original
  1. <table cellspacing="0" border="1" align="center" width="100%">
  2. <tr>
  3.     <th width="5%">ID</th> 
  4.     <th width="15%">Fecha de Captura</th>
  5.     <th width="10%">Capturo</th>
  6.     <th width="30%">Concepto de Gasto</th>
  7.     <th width="20%"> Referencia Bancaria</th>
  8.     <th width="10%"> Abono</th>
  9.     <th width="25%"> Cargo</th>
  10.     <th width="10%"> Comprobado</th>
  11. </tr>
  12. <?
  13. while ($reg=mysql_fetch_array($sql)) {
  14.     $color++;
  15.     $suma_monto+=$reg['monto'];
  16.     $suma_saldo+=$reg['saldo'];
  17. ?>
  18.     <tr<?if($color%2==0){?> style="background:rgb(245,245,245);"<?}else{?> style="background:white;"<?}?>>
  19.         <td align="center"><? echo $reg['id_gasto'];?></td>
  20.         <td align="center"><? echo convierte_f($reg['fecha_captura']);?></td>
  21.         <td align="center"><? echo $reg['capturo'];?></td>
  22.         <td align="center"><? echo $reg['concepto'];?></td>
  23.         <td align="center"><? echo $reg['referencia_bancaria'];?></td>
  24.         <td align="right"><? echo amoneda($reg['saldo'],pesos);?></td>
  25.         <td align="right"><? echo amoneda($reg['monto'],pesos);?></td>
  26.         <?
  27.         if ($reg['comprobado']==0) {?>
  28.         <td align="center">
  29.             <input tyoe="checkbox" onclick="comrpobar();" >
  30.  
  31.                 </td>
  32.         <?}else{?>
  33.         <td align="center">
  34. <input tyoe="checkbox" onclick="comrpobar();" >
  35.            
  36.  
  37. </td>
  38.         <?}
  39.         ?>
  40.  
  41.     </tr>
  42. <?
  43. }
  44. ?>
  45.     <tr>
  46.         <td align="center"></td>
  47.         <td align="center"></td>
  48.         <td align="center"></td>
  49.         <td align="center"></td>
  50.         <td align="right"><strong>TOTAL:</strong></td>
  51.         <td align="right"><strong><? echo amoneda($suma_saldo,pesos);?></strong></td>
  52.         <td align="right"><strong><? echo amoneda($suma_monto,pesos);?></strong></td>
  53.         <td align="center"></td>
  54.     </tr>
  55. </table>

Código Javascript:
Ver original
  1.  

Pero la function comrpobar() no se como capturar que se le esta haciendo click a ese checkbox que podria hacer??

Gracias
  #2 (permalink)  
Antiguo 24/05/2012, 08:41
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 12 años, 5 meses
Puntos: 51
Respuesta: identifcar checbox true?

Hola amigo, puedes dar un id a los input que tienen el checkbox...Por lo que veo, tienes dos checkbox, ¿correcto? Puedes dar un id distinto a cada uno:

Código HTML:
Ver original
  1. <input type="checkbox" id="cajauno" onclick="comrpobar();" >
  2. <input type="checkbox" id="cajados" onclick="comrpobar();" >

Luego, puedes utilizar jquery, por ejemplo, para capturar el evento click().
Saludos, Daniel
__________________
Diseño Web Jaén

Última edición por garciasanchezdani; 24/05/2012 a las 08:46 Razón: corrección
  #3 (permalink)  
Antiguo 24/05/2012, 11:06
 
Fecha de Ingreso: enero-2012
Ubicación: Mexico Df
Mensajes: 95
Antigüedad: 12 años, 3 meses
Puntos: 6
Respuesta: identifcar checbox true?

Gracias pero el chebox pueden ser dos o mas y ponerle un id y saber cuando se aprieta no tengo idea de como hacerle alguien me pueden ayudar?
  #4 (permalink)  
Antiguo 24/05/2012, 13:01
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 12 años, 5 meses
Puntos: 51
Respuesta: identifcar checbox true?

Hola amigo, me he tomado un momento en prepararte un ejemplo de prueba, con tres checkbox...Lo acabo de probar y funciona. En el ejemplo se muestra una ventana de alerta que indica el checkbox pulsado.

Código PHP:
Ver original
  1. <?php
  2.     ?>
  3.     <head>
  4.         <script src="http://code.jquery.com/jquery-latest.js"></script>
  5.         <script>
  6.             $(document).ready(function(){
  7.                
  8.                 $("#cajauno").click(function(){
  9.                     alert("Caja 1");
  10.                 });
  11.                 $("#cajados").click(function(){
  12.                     alert("Caja 2");
  13.                 });
  14.                 $("#cajatres").click(function(){
  15.                     alert("Caja 3");
  16.                 });
  17.             });
  18.         </script>
  19.     </head>
  20.     <body>
  21.         <input type="checkbox" id="cajauno"/>Caja 1
  22.         <input type="checkbox" id="cajados"/>Caja 2
  23.         <input type="checkbox" id="cajatres"/>Caja 3
  24.     </body>    
  25. <?php  
  26. ?>

Si tienes dudas dímelo. Espero que te sirva.
Saludos, Daniel
__________________
Diseño Web Jaén
  #5 (permalink)  
Antiguo 24/05/2012, 15:34
 
Fecha de Ingreso: enero-2012
Ubicación: Mexico Df
Mensajes: 95
Antigüedad: 12 años, 3 meses
Puntos: 6
Respuesta: identifcar checbox true?

Hola gracias por tu ejemplo el problema es el id ya que pueden ser varios como uno hasta 20 veces se puede repertir necesito una function que capture con jquery el click no se algo asi

function comprobar(){
$(this).click(function(){
alert("Sirve");
})
}

algo asi pero no se como hacerle me ayudan??

Gracias
  #6 (permalink)  
Antiguo 25/05/2012, 01:40
Avatar de garciasanchezdani  
Fecha de Ingreso: noviembre-2011
Mensajes: 429
Antigüedad: 12 años, 5 meses
Puntos: 51
Respuesta: identifcar checbox true?

Hola de nuevo, no sé si he entendido bien, pero quieres que al hacer click en cualquiera de los checkbox del mismo tipo (por ejemplo caja 1), realizar una acción simultánea para todos esos checkbox...En ese caso, utiliza class en lugar de id.
Te pongo como ejemplo la Caja 1:

Código PHP:
Ver original
  1. <?php
  2.     ?>
  3.     <head>
  4.         <script src="http://code.jquery.com/jquery-latest.js"></script>
  5.         <script>
  6.             $(document).ready(function(){
  7.                
  8.                 $(".cajauno").click(function(){  // Si haces click en cualquier checkbox de caja 1
  9.                     alert("Tipo de Caja 1");        // muestra el mensaje diciendo que el tipo es caja 1
  10.                 });
  11.                 $("#cajados").click(function(){
  12.                     alert("Tipo de Caja 2");
  13.                 });
  14.                 $("#cajatres").click(function(){
  15.                     alert("Tipo de Caja 3");
  16.                 });
  17.             });
  18.         </script>
  19.     </head>
  20.     <body>
  21.         <input type="checkbox" class="cajauno"/>Tipo de Caja 1 //Primer checkbox de caja 1
  22.         <input type="checkbox" class="cajauno"/>Tipo de Caja 1 //Segundo checkbox de caja 1
  23.         <input type="checkbox" class="cajauno"/>Tipo de Caja 1 //Tercer checkbox de caja 1
  24.         <input type="checkbox" class="cajauno"/>Tipo de Caja 1 //Cuarto checkbox de caja 1
  25.         <input type="checkbox" class="cajauno"/>Tipo de Caja 1 //Quinto checkbox de caja 1
  26.         <input type="checkbox" id="cajados"/>Tipo Caja 2  // Caja 2
  27.         <input type="checkbox" id="cajatres"/>Tipo Caja 3 // Caja 3
  28.     </body>    
  29. <?php  
  30. ?>

Podrías decir qué quieres hacer exactamente, y si no es mucho te ayudo.
Saludos
__________________
Diseño Web Jaén

Etiquetas: input
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:48.