Foros del Web » Programando para Internet » Jquery »

checkbox con select

Estas en el tema de checkbox con select en el foro de Jquery en Foros del Web. Hola necesito ayuda, es que tengo un problema necesito que al seleccionar un item de una lista desplegable se me seleccionen los checkbox automáticamente o ...
  #1 (permalink)  
Antiguo 07/05/2014, 13:00
Avatar de JeMaGa  
Fecha de Ingreso: julio-2011
Ubicación: Bogota
Mensajes: 430
Antigüedad: 13 años, 5 meses
Puntos: 4
checkbox con select

Hola

necesito ayuda, es que tengo un problema necesito que al seleccionar un item de una lista desplegable se me seleccionen los checkbox automáticamente

o

que al seleccionar un checkbox resultado de una consulta me seleccione otro grupo de checkbox automaticamente

Agradezco toda la ayuda que me puedan brindar!!
  #2 (permalink)  
Antiguo 07/05/2014, 13:21
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: checkbox con select

Supongo que te refieres a hacer esto:



Cuando selecciones un valor del combo, aplicas el método change de jQuery, el cual ejecutará una función. En dicha función, buscamos entre los checkbox a aquel cuyo nombre coincida con el valor seleccionado el combo, de encontrarse la coincidencia, se marca el checkbox, caso contrario, se lo desmarca (en caso de que haya estado marcado) o se lo deja como está.

Para iterar sobre los checkbox, utilizo el método forEach, pero puedes utilizar cualquier otro bucle.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 08/05/2014, 10:08
Avatar de JeMaGa  
Fecha de Ingreso: julio-2011
Ubicación: Bogota
Mensajes: 430
Antigüedad: 13 años, 5 meses
Puntos: 4
Respuesta: checkbox con select

Gracias voy a probar la solucion que tu medas,. pero otra pregunta si hay mas checkbox que depende del checkbox que yo selecciono con la lista estos tambien se marcarian???
  #4 (permalink)  
Antiguo 08/05/2014, 10:16
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: checkbox con select

¿Te refieres a checkbox que dependen de otros checkbox? Ahí tienes que programar el código necesario para que los checkbox dependientes se marquen al marcarse el checkbox del que dependen.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 08/05/2014 a las 10:23
  #5 (permalink)  
Antiguo 08/05/2014, 12:06
Avatar de JeMaGa  
Fecha de Ingreso: julio-2011
Ubicación: Bogota
Mensajes: 430
Antigüedad: 13 años, 5 meses
Puntos: 4
Respuesta: checkbox con select

no me funciono, lo que me pasaste. :( no ejecuta nada
  #6 (permalink)  
Antiguo 08/05/2014, 12:24
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: checkbox con select

Muestra el código que has elaborado. Fíjate cómo lo hice en el ejemplo que mostré (en donde todo funciona). No olvides usar el highlight respectivo.
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #7 (permalink)  
Antiguo 08/05/2014, 12:38
Avatar de JeMaGa  
Fecha de Ingreso: julio-2011
Ubicación: Bogota
Mensajes: 430
Antigüedad: 13 años, 5 meses
Puntos: 4
Respuesta: checkbox con select

Estoy probando el que tu me pasaste y no me funciona

Código PHP:
Ver original
  1. <select>
  2.             <option>Seleccione un valor</option>
  3.             <option value = "a">A</option>
  4.         </select>
  5.         A <input type = "checkbox" name = "a" id="a"/>

y la fucnion

Código Javascript:
Ver original
  1. $('select').change(function() {
  2.     Array.prototype.forEach.call($('input[type=checkbox]'), function(checkbox){
  3.         checkbox.checked = checkbox.name == $('select').val() ? true : false;
  4.     });
  5. });

y asi no funciona!!!
  #8 (permalink)  
Antiguo 08/05/2014, 12:43
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: checkbox con select

Qué raro. Asegúrate de que no esté ocurriendo un conflicto con otros combos y checkbox. Lo mejor será que los tomes por Id o clase.



Y solo por si las dudas (aunque no creo que se te pase algo así), asegúrate de tener a la librería jQuery en el documento.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #9 (permalink)  
Antiguo 08/05/2014, 13:50
Avatar de JeMaGa  
Fecha de Ingreso: julio-2011
Ubicación: Bogota
Mensajes: 430
Antigüedad: 13 años, 5 meses
Puntos: 4
Respuesta: checkbox con select

Si asi si funciono!!!

Gracias, y sera mucho pedir si me puedes explicar como aria para que al seleccionar el checkbox con la lista me seleccione los checkbox dependientes de este
  #10 (permalink)  
Antiguo 08/05/2014, 15:58
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: checkbox con select

Así como recorro un array de checkbox seleccionados por su clase, de igual modo, debes de recorrer un segundo array de checkbox que dependan del checkbox actual en la iteración, para lo cual, deberás asignarles una clase o agruparlos en un contenedor y este debería tener la clase o id que los identifique y diferencie del resto.



Fíjate cómo agrupo a los checkbox dependientes. Siempre analiza el código que se te proporciona, así en el futuro, podrás resolver tus problemas sin necesidad de consultar a otros.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 08/05/2014 a las 21:47 Razón: Actualización de enlace embebido.

Etiquetas: checkbox, select
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 07:32.