Foros del Web » Programando para Internet » Javascript »

Checkbox con input

Estas en el tema de Checkbox con input en el foro de Javascript en Foros del Web. Buenas, No se si exactamente esto va aquí o en javascript. Bueno, veamos, tengo una tabla en la que listo una lista de servidores. Actualmente ...
  #1 (permalink)  
Antiguo 13/04/2009, 08:06
Avatar de OsSk4R  
Fecha de Ingreso: octubre-2006
Ubicación: $this->home
Mensajes: 824
Antigüedad: 17 años, 6 meses
Puntos: 74
Checkbox con input

Buenas,

No se si exactamente esto va aquí o en javascript.

Bueno, veamos, tengo una tabla en la que listo una lista de servidores. Actualmente solo listo tres que son los que tengo ahora mismo y los listo mediante checkbox.

Luego, hago que cuando se seleccionen, uno, dos o los tres, se suban a una tabla.
Hasta aquí también bien.

El problema surje en que yo ahora quiero que al clickear en uno de ellos, se me abrá un input de tipo texto, si clickeo en dos checkbox pues se me abran dos, y si clickeo en los tres chekbox pues se me abran tres input.

Lo que pretendo es que cuando se seleccione un servidor salga un input para escribir el enlace que le correspone, y asi sucesivamente...
Hasta ahora, lo que tengo es esto:

Código Código:
Ver original
  1. <STYLE>
  2. .hideable { position: relative; visibility: visible; }
  3. </STYLE>
  4. <script type="text/javascript">
  5. <!--
  6. function showMe (it, box) {
  7. var vis = (box.checked) ? "block" : "none";
  8. document.getElementById(it).style.display = vis;
  9. }
  10. //-->
  11. </script>
  12. <TABLE>
  13. <TR>
  14. <TD VALIGN="top">
  15. <FORM NAME="form0">
  16. <?php
  17.        include ("configuracion.php");
  18.  
  19.                         $sql = "SELECT * FROM servidores ORDER BY id";
  20.                         $res = do_sql ($sql);
  21.  
  22.                         while ($row = mysql_fetch_array($res)) {
  23.                 ?>
  24.  
  25. <input type="checkbox" name="id_servidor[]"  onclick="showMe('div1', this)" value="<?php echo $row['id_servidor']?>"><?php echo $ide; ?><br />
  26.  
  27.  
  28.                 <?php
  29.                         }
  30.                 ?>
  31. </td><td>
  32. <div id="div1" style="display:none">
  33. <SPAN ID="contenido" CLASS="hideable">
  34. Enlace:<INPUT TYPE='text' NAME='enlace_servidor' SIZE=15 MAXLENGTH=100>
  35. </td>
  36. </FORM>
  37. </SPAN>
  38. </div>
  39. </TD>
  40. </TR>
  41. </TABLE>

Con esto consigo, que al clickear en el checkbox se me abrá un input, pero el problema es que si clickeo en un segundo checkbox, no se me abre un segundo input y menos si clickeo un tercero.

¿Me explicado?, ¿Como puedo hacer eso?

Muchas gracias,
  #2 (permalink)  
Antiguo 13/04/2009, 08:15
 
Fecha de Ingreso: abril-2009
Mensajes: 15
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: Checkbox con input

Fijate masomenos asi haber si te funciona...

Código PHP:
<STYLE>
    .hideable { position: relative; visibility: visible; }
</STYLE>

<script type="text/javascript">
    <!--
    function showMe (it, box) {
        var vis = (box.checked) ? "block" : "none";
        document.getElementById(it).style.display = vis;
    }
    //-->
</script>

<FORM NAME="form0">
    <TABLE>
        <?php
        
include ("configuracion.php");
                
        
$sql "SELECT * FROM servidores ORDER BY id";
        
$res do_sql($sql);
        
        
$i=0;
                
        while (
$row mysql_fetch_array($res)) {
            
$i++;
            
?>
            <TR>
                <TD VALIGN="top">                   *
                        <input type="checkbox" name="id_servidor[]"*onclick="showMe('div<?php echo $i ?>', this)" value="<?php echo $row['id_servidor']?>"><?php echo $ide?>
                        <br /> 
                </TD>
                <TD>
                    <DIV id="div<?php echo $i ?>" style="display: none">
                        <SPAN ID="contenido" CLASS="hideable">
                            Enlace: <INPUT TYPE='text' NAME='enlace_servidor' SIZE=15 MAXLENGTH=100>
                        </SPAN>
                    </DIV>
                </TD>
            </TR>
         <?php ?>
    </TABLE>
</FORM>
  #3 (permalink)  
Antiguo 13/04/2009, 08:17
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años
Puntos: 2135
Respuesta: Checkbox con input

Tema trasladado desde PHP.
  #4 (permalink)  
Antiguo 13/04/2009, 09:58
Avatar de OsSk4R  
Fecha de Ingreso: octubre-2006
Ubicación: $this->home
Mensajes: 824
Antigüedad: 17 años, 6 meses
Puntos: 74
Respuesta: Checkbox con input

Me funcionó :)

Muchas gracias
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 04:11.