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

ocultar checkbox automaticamente y definitivo

Estas en el tema de ocultar checkbox automaticamente y definitivo en el foro de Frameworks JS en Foros del Web. Estimados mi problema es el siguiente, tengo dos checkbox dentro de un formulario con un boton en pag1.html y asi enviarlos a pag2.php para verificar ...
  #1 (permalink)  
Antiguo 07/11/2010, 21:28
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Sonrisa ocultar checkbox automaticamente y definitivo

Estimados mi problema es el siguiente, tengo dos checkbox dentro de un formulario con un boton en pag1.html y asi enviarlos a pag2.php para verificar que los checkbox han sido ckekeados ademas una funcion javscript que hace que estos checkbox al momento de ser checkedados queden disabled. el tema es que claro los checkbox se desabilitan pero al recargar la pagina ambos checkbox vuelven a quedar libres para poder ckeckearlos y no quiro que queden asi quiero que al momento de hacerles el check se deshabiliten envie el formulario pero al voler a la recarga de la pagina queden en estado disable...tambien pobre la opcion bodyonload para cargar la funcion pero no m funciono, probe tambien algo de jquery pero tampoco y lo ultimo es q me dijeron que con ajax podria hacer algo, es posible lo que quiero hacer, desde ya muchas gracias
  #2 (permalink)  
Antiguo 08/11/2010, 07:24
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 388
Antigüedad: 15 años
Puntos: 43
Respuesta: ocultar checkbox automaticamente y definitivo

Por favor, publica los codigos de ambas paginas, para ayudarte.
  #3 (permalink)  
Antiguo 08/11/2010, 07:51
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: ocultar checkbox automaticamente y definitivo

funcion:

Cita:
function estado()
{
if (document.frm.box1.checked)
{
document.getElementById("box1").style.visibility=" hidden";
}

if (document.frm.box2.checked)
{
document.getElementById("box2").style.visibility=" hidden";
}
}

pag.html

Cita:
<html>
<head>

<script src="fun.js" type="text/jscript"></script>

</head>

<body onLoad="estado()">

<form name="frm" action="otra.php" method="post" >
<p>
<input type="checkbox" name=box1 value="1">
1</p>
<p>
<input type="checkbox" name=box2 value="2">
2 </p>
<p>&nbsp;</p>
<p>
<input type="submit" name="Submit" value="Enviar" onClick="javascript: alert('cargando.....');" >
<br>
</p>
</form>

</body>
</html>

otra.php

Cita:
<html>

<body>
<?
$c=$_POST['box1'];

if($c== 1)
{
echo 'ok1';

}
?>
<?
$c=$_POST['box2'];

if($c== 2)
{
echo 'ok2';
}

?>

<form name="form1" method="post" action="pag.php" >
<input type="submit" name="Submit" value="Enviar">
</form>
<p>&nbsp;</p>
</body>
</html>
  #4 (permalink)  
Antiguo 08/11/2010, 08:10
 
Fecha de Ingreso: marzo-2010
Ubicación: Cali
Mensajes: 203
Antigüedad: 14 años, 1 mes
Puntos: 5
Respuesta: ocultar checkbox automaticamente y definitivo

hola, prueba con esto:

Código Javascript:
Ver original
  1. function estado()
  2. {
  3. if (document.frm.box1.checked)
  4. {
  5. document.getElementById("box1").disabled= true;
  6. }
  7.  
  8. if (document.frm.box2.checked)
  9. {
  10. document.getElementById("box2").disabled= true;
  11. }
  12. }
  #5 (permalink)  
Antiguo 08/11/2010, 08:27
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: ocultar checkbox automaticamente y definitivo

gracias...proble la funcion y... nop...el problemas es al recargar la pagina los check no quedan deshabilitados, pero pasa algo curioso ya que al enviar los checkbox otra.php y si kiero volver con el boton del navegador a pag.html hace lo que quiero pero al presionar el boton para que nuevamente cargue la pagina no funciona...q sera??
  #6 (permalink)  
Antiguo 08/11/2010, 08:32
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 388
Antigüedad: 15 años
Puntos: 43
Respuesta: ocultar checkbox automaticamente y definitivo

Bueno esto es con Jquery y AJAX.

pagina.php

Código PHP:
Ver original
  1. <html>
  2. <head>
  3.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  4.         <script type="text/javascript">
  5.         var serialize="";
  6.         $(document).ready(function(){
  7.             $("#enviar").click(function(){
  8.                 ajax();
  9.             });
  10.             $(".check").click(function(){
  11.                 $(this).attr('disabled',true);
  12.                 serialize+=$(this).attr("name")+"="+$(this).val()+"&";
  13.             });
  14.         });
  15.         function ajax(){
  16.             $.ajax({
  17.               url: "otra.php?"+serialize,
  18.               contentType:"application/x-www-form-urlencoded; charset=utf-8",
  19.               type:"POST",
  20.               error: function(){
  21.                alert('Error');
  22.               },
  23.               success: function(data){
  24.                 $(".recibe").html(data);
  25.                }
  26.             });
  27.             }
  28.  
  29.         </script>
  30.        
  31. </head>
  32.  
  33. <body>
  34.  
  35. <div class="recibe"></div>
  36. <form id="formulario" action="otra.php" method="post" >
  37. <p><input type="checkbox" class="check" name=box1 id='box1' value="1">1</p>
  38. <p><input type="checkbox" class="check" name=box2 id='box2' value="2">2</p>
  39. <input type="button" id="enviar" value="Enviar" >
  40. </form>
  41.  
  42. </body>
  43. </html>
otra.php
Código PHP:
Ver original
  1. <?
  2. $c=$_POST['box1'];
  3.  
  4. if($c== 1)
  5. {
  6. echo 'ok1';
  7.  
  8. }
  9. ?>
  10. <?
  11. $c=$_POST['box2'];
  12.  
  13. if($c== 2)
  14. {
  15. echo 'ok2';
  16. }
  17. ?>

Es el resultado que esperabas? pero no entiendo porque los quieres deshabilitar.
con Jquery serialize() no pude enviar input deshabilitados, pero tuve que maniobrar.
  #7 (permalink)  
Antiguo 08/11/2010, 08:34
 
Fecha de Ingreso: marzo-2010
Ubicación: Cali
Mensajes: 203
Antigüedad: 14 años, 1 mes
Puntos: 5
Respuesta: ocultar checkbox automaticamente y definitivo

ok, la pregunta es el archivo javascript que llamas (fun.js ) es la funcion que deshabilita los check no?
  #8 (permalink)  
Antiguo 08/11/2010, 08:42
Avatar de chicohot20  
Fecha de Ingreso: mayo-2009
Mensajes: 388
Antigüedad: 15 años
Puntos: 43
Respuesta: ocultar checkbox automaticamente y definitivo

No uso ese archivo, todo esta en pagina.php Pruebalo y cuentanos.
  #9 (permalink)  
Antiguo 08/11/2010, 09:29
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: ocultar checkbox automaticamente y definitivo

gracias por responder....bueno no tengo el resultado que quiero...lamentablemente...lo que ocurre es que se debabiltan los check y no envia la informacion.
  #10 (permalink)  
Antiguo 08/11/2010, 09:32
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: ocultar checkbox automaticamente y definitivo

Cita:
Iniciado por andruxand Ver Mensaje
ok, la pregunta es el archivo javascript que llamas (fun.js ) es la funcion que deshabilita los check no?


claro ...creo la funcion ai para poder llamarla, la idea era que cargue en bodyonload ..pero no funca...aora bien si fuera mejor conectarla a una base de datos para que funcione lo que intento hacer?
  #11 (permalink)  
Antiguo 08/11/2010, 09:34
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: ocultar checkbox automaticamente y definitivo

Hola:

¿Te has planteado usar variables de sesión...?

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #12 (permalink)  
Antiguo 08/11/2010, 12:21
 
Fecha de Ingreso: noviembre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: ocultar checkbox automaticamente y definitivo

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

¿Te has planteado usar variables de sesión...?

Saludos

mmm...nop...y como seria lo que me sujieres??? por tener un ejemplo
  #13 (permalink)  
Antiguo 08/11/2010, 12:25
 
Fecha de Ingreso: noviembre-2010
Mensajes: 29
Antigüedad: 13 años, 6 meses
Puntos: 0
Mensaje Respuesta: ocultar checkbox automaticamente y definitivo

Oye diego me puedes hechar una mano lo que pasa es que tengo error en llamar las variables de sesión con sus valores para asi insertarlas en mi tabla pero no me inserta nada me podras proporcionar uun ejemplo sencillo sale
  #14 (permalink)  
Antiguo 08/11/2010, 13:00
 
Fecha de Ingreso: marzo-2010
Ubicación: Cali
Mensajes: 203
Antigüedad: 14 años, 1 mes
Puntos: 5
Respuesta: ocultar checkbox automaticamente y definitivo

hola mira:

$_SESSION['nombre_que_quieras'] = $valor;

Etiquetas: ajax, automaticamente, checkbox
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 23:31.