Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: rafaechev en 24 Octubre 2016, 06:05 am



Título: Cargar Checkbox desde javascript ayudaaaaa!
Publicado por: rafaechev en 24 Octubre 2016, 06:05 am
Hola amigos como están, espero que bien, les cuento que estoy construyendo un programita donde quiero controlar los roles de los usuarios registrados en mi sitio.  Para eso, hice un formulario llamado “roles” que contiene un select(donde obtengo el id del usuario que en este caso es el “rut”) y varios ckeckbox que tienen el mismo nombre “checkbox[]” pero cada uno tiene un “id” y un “value diferente”, todo esto está  en un archivo llamado “roles.php”

Código
  1. <form method="post" enctype="multipart/form-data" name="Roles" id="Roles">    
  2.            <div class="form-group">
  3.            <label class="control-label" >Usuario: </label>
  4.  
  5.            <select class="form-control" id="usuario" name="usuario">
  6. <option value="0">Seleccione un Usuario...</option>
  7.                <?php
  8.                    $usuarios = $prin->obtener_usuarios();
  9.                    while($usu = pg_fetch_array($usuarios)){
  10.                        echo '<option value="'.$usu['rut'].'">'.$usu['apellidos'].' '.$usu['nombres'].'</option>';
  11.                    }
  12.                    ?>
  13. </select>
  14.  
  15. </div>
  16.            <div class="table-responsive">
  17.           <table class="table table-striped">
  18.                <thead>
  19.                <tr>
  20.                <td><strong>Interfaz</strong></td><td align="center"><strong>Crear</strong></td><td align="center"><strong>Editar</strong></td><td align="center"><strong>Eliminar</strong></td>
  21.                </tr>
  22.                </thead>
  23.                <tbody>
  24.                <tr class="success">
  25.                <td><strong>3.- Seguridad</strong></td><td></td><td></td><td></td>
  26.                </tr>
  27.                <tr>
  28.                <td>Usuarios</td>
  29.                <td align="center"><input type="checkbox" name="checkbox[]" id="crear_usuarios" value="crear_usuarios" /></td>
  30.                <td align="center"><input type="checkbox" name="checkbox[]" id="editar_usuarios" value="editar_usuarios" /></td>
  31.                <td align="center"><input type="checkbox" name="checkbox[]" id="eliminar_usuarios" value="eliminar_usuarios" /></td>
  32.                </tr>
  33.                <tr>
  34.                <td>Roles</td>
  35.                <td align="center"><input type="checkbox" name="checkbox[]" id="crear_modulos" value="crear_modulos" /></td>
  36.                <td align="center"><input type="checkbox" name="checkbox[]" id="editar_modulos" value="editar_modulos" /></td>
  37.                <td align="center"><input type="checkbox" name="checkbox[]" id="eliminar_usuarios" value="eliminar_usuarios" /></td>
  38.                </tr>
  39.                <tr>
  40.                <td>Perfiles</td>
  41.                <td align="center"><input type="checkbox" name="checkbox[]" id="crear_perfiles" value="crear_perfiles" /></td>
  42.                <td align="center"><input type="checkbox" name="checkbox[]" id="editar_perfiles" value="editar_perfiles" /></td>
  43.                <td align="center"><input type="checkbox" name="checkbox[]" id="eliminar_usuarios" value="eliminar_usuarios" /></td>
  44.                </tr>
  45.                <tr class="success">
  46.                <td><strong>4.- Panel de Control</strong></td><td></td><td></td><td></td>
  47.                </tr>
  48.                <tr>
  49.                <tr>
  50.                <td>Unidades o Departamentos</td>
  51.                <td align="center"><input type="checkbox" name="checkbox[]" id="crear_unidades" value="crear_unidades" /></td>
  52.                <td align="center"><input type="checkbox" name="checkbox[]" id="editar_unidades" value="editar_unidades" /></td>
  53.                <td align="center"><input type="checkbox" name="checkbox[]" id="eliminar_unidades" value="eliminar_unidades" /></td>
  54.                </tr>
  55.           </tbody>
  56.           </table>
  57.            </div>
  58.            </form>
  59.  
  60.  
  61. Bien, entonces en un archivo de javascript llamo al evento “onChange” de este select, donde envío a una página llamada “controlador_roles.php” el rut del usuario seleccionado, esta página me devuelve como respuesta en un arreglo con todos los roles del usuario seleccionado. A continuación les presento la función.
  62.  
  63. $('select#usuario').on('change', function(){
  64. var rut_usuario = $(this).val();
  65. var url = '../controlador/controlador_roles.php';
  66. $.ajax({
  67. type:'POST',
  68. url:url,
  69. data:'rut_usuario='+rut_usuario,
  70. success: function(res){  // recibo todos los roles del usuario seleccionado.
  71.   var datos = eval(res);
  72.      for (i=0;i<datos.length;i++) //recorro la cantidad de roles que tiene el usuario
  73.                    {
  74.      document.getElementById(datos[i]).checked == true;
  75.     }
  76.    });
  77. return false;
  78. });
  79.  
  80.  
Entonces mi consulta es la siguiente.

Es posible que al momento de activarse la función “onchange” cambie el estado de los checkcbox a “checked” y marque los roles del usuario seleccionado?  He intentado realizar esta acción pero no lo he conseguido, creo que la forma mas idónea de hacerlo es con un for pero no se como estructurar el bucle para que me marque los checkbox. Espero que puedan ayudarme quedo atento a sus comentarios, gracias de antemano.





Mod: Los códigos deben ir en etiquetas GeSHi... segundo aviso