Habilitar o Deshabilitar varios Checkbox por otro Checkbox (Checkbox Dinamicos)

zucco · #1 (**permalink**) 06/06/2007, 13:00

Estimados,

me he dado vuelta por todos lado y aun no puedo encontrar nadie parecido a esto. Bueno al grano.

Tengo un conjunto de Checkbox que se generan automaticamente leyendo una BD, estos Checkbox se agrupan por "Asignatura" (Matematicas, Historia, etc), y cada Checkbox se le asocia un Profesor. En resumen cada Asignatura puede tener asociado uno a mas Profesores.

EL PROBLEMA: Es que por ejemplo para la Asignatura Matematicas tengo 4 Profesores (Cada uno con un Checkbox a su lado), entonces cuando yo selecciono uno de los Profesores, necesito que se Deshabiliten los otros Profesores (y viceversa, si desmarco un profesor seleccionado, los demas se habiliten). OJO ESTA CLARO que esta solucion la he visto, EL PROBLEMA es que dentro de la misma pagina NO SOLO tengo profesores de misma Asignatura. En definitiva tengo una lista de Asignaturas (pueden ser 2 o mas, segun lo que lea de la BD) y cada una de las Asignaturas tiene asocido a un grupo de Profesores (Que pueden ser 1 o mas,segun lo que lea de la BD). El Objetivo de esto es poder Asociar Profesores a Asignaturas sin que puedan ingresar dos profesores de la misma Asignatura. (NOTA: El radiobutton, no me sirve por que una vez seleccionado no puedo desmarcarlo, tiene que ser con Checkbox).

Espero haber sido claro..... De todas maneras les pongo un codigo de HTML puro para que se entienda graficamente la idea...

MUCHAS GRACIAS..

PD: Estoy en pañales aun en Javascript...

<head>
<title>Asignaturas</title>
</head>

<body>
<form name="form1" method="post" action="">
<table width="280" border="1">
<tr>
<td width="100">Matematicas</td>
<td width="84">Historia</td>
</tr>
<tr>
<td>
<input name="id_profe_01" type="checkbox" id="id_profe_01" value="checkbox">
Raul
</td>
<td><input name="id_profe_05" type="checkbox" id="id_profe_05" value="checkbox">
Maria</td>
</tr>
<tr>
<td><input name="id_profe_02" type="checkbox" id="id_profe_02" value="checkbox">
Juan</td>
<td><input name="id_profe_06" type="checkbox" id="id_profe_06" value="checkbox">
Rodrigo</td>
</tr>
<tr>
<td><input name="id_profe_03" type="checkbox" id="id_profe_03" value="checkbox">
Pedro</td>
<td><input name="id_profe_07" type="checkbox" id="id_profe_07" value="checkbox">
Melissa</td>
</tr>
<tr>
<td><input name="id_profe_04" type="checkbox" id="id_profe_04" value="checkbox">
Manuel</td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>

gabriel em · #2 (**permalink**) 06/06/2007, 19:11

Yo aun tambien estoy en pañales pero justo hace unos dias estuve con algo parecido.
Voy a explicarte el metodo que usaria yo:
-Primero que nada tienes que conseguir un codigo en java que cuando hagas click en el checkbox todos los demas se desmarquen y asignarle ese codigo a todos los checkbox.
El problema me imagino que se te presenta cuando haces click en alguno, en vez de destildar los otros checkbox de la misma asignatura te destilda todos.Por eso lo que tienes que lograr es diferenciar los checkbox para que puedas decirle al codigo en java cuales afectar y cuales no al activar cierto checkbox.Para eso te recomiento lo siguiente.
Si la asignatura es matematica el nombre del checkbox en vez de ser "id_profe_02" tendria que empezar con "matematicas-" lo cual podrias lograrlo asi:

Código:

<input name="<%=asignaturadelabase & "-" & "id_profe_02"%>" type="checkbox" id="id_profe_04" value="checkbox">

Eso le va a agregar la asignatura y un "-" a cada checkbox automaticamente.
Entonces ahora en el codigo java script tendria que hacer lo siguiente:
Primero agarra el string que haya hasta llegar al "-" en el nombre del checkbox, luego tiene que cambiar el estado de todos los checkbox cuyo nombre empiece con el mismo string.
Espero haberte ayudado, lo dificil es encontrar la idea, la cual ya esta, lo que tendrias que hacer es encontrar alguien que te escriba este codigo en java ya que yo no tengo claro la sintaxis.