Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/05/2012, 11:28
iramriquelme
 
Fecha de Ingreso: octubre-2011
Mensajes: 34
Antigüedad: 13 años, 2 meses
Puntos: 2
Respuesta: Desplegar Menú al hacer clic en una casilla de una lista de checkbox (Tipo

Bueno pues después de un par de horas intentando resolver el problema he aquí la solución:

Se resuelve Añadiendo la clase chk a cada campo tipo checkbox. Y utilizando un campo auxiliar que iremos incrementando y que por default tiene valor ninguno. Tal como lo hace este amigo emprear [URL="http://www.forosdelweb.com/f13/contar-numero-checkbox-activos-988604/"]en este post[/URL] en uno de los comentarios...

Hacer el recorrido con JQuery de todos los elementos con esa clase, les dejo el código esperando que alguien le sirva y así es como se convierte en mi primer aportación.

Y modificando el código del amigo [URL="http://www.forosdelweb.com/miembros/emprear/"]emprear[/URL] Para desplegar mi div que se llama MENU cuando alguien marque mas de una casilla del formulario, queda como sigue:

Cita:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){ *
$(".chk").click(function(event) {
var laclase = $(this).attr("class");
var count = $(":checkbox.chk:checked").length;
$('#contador').val(count);


if(document.getElementById("contador").value==0 || document.getElementById("contador").value=='ningun o'){
document.getElementById("menu").style.display = "none";
}
else{
document.getElementById("menu").style.display = "block";
}

});
*
$("#chk_todos").click(function(){
*
var checked_estado = this.checked;
*
if(checked_estado == true){
*$('#contador').val('todos');
document.getElementById("menu").style.display = "block";
*}else{
*$('#contador').val('ninguno');
document.getElementById("menu").style.display = "none";
*}
*$(".chk").each(function(){
*this.checked = checked_estado;
*});
});
});
//]]>
</script>