Foros del Web » Programando para Internet » Jquery »

Jquery que interactua con dos inputs

Estas en el tema de Jquery que interactua con dos inputs en el foro de Jquery en Foros del Web. Hola amigas/os a ver si me pueden ayudar con esto: tengo dos inputs (checkboxs) que a los cuales se les aplica un codigo jquery. Y ...
  #1 (permalink)  
Antiguo 25/05/2019, 11:08
 
Fecha de Ingreso: mayo-2012
Mensajes: 736
Antigüedad: 7 años, 2 meses
Puntos: 5
Jquery que interactua con dos inputs

Hola amigas/os a ver si me pueden ayudar con esto:

tengo dos inputs (checkboxs) que a los cuales se les aplica un codigo jquery.

Y esto lo hace bien. Pero cuando dichos inputs estan metidos cada uno dentro de un div.

Entonces el codigo jquery no funciona.

Les muestro:

Modo en que SI funciona el jquery con los dos inputs:

Código HTML:
Ver original
  1. <input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_si_'.$ids[$i-2].'" value="Si" checked>
  2.  
  3.  
  4.  
  5. <input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_no_'.$ids[$i-2].'" value="No"> No


Código Javascript:
Ver original
  1. $(document).ready(function ()
  2.  
  3.        {
  4.           $("input[type=checkbox]").click(function ()
  5.  
  6.             {
  7.                 var state = $(this)[0].checked,
  8.  
  9.                 g = $(this).data("group");
  10.  
  11.                 $(this).siblings()
  12.  
  13.                 .each(function ()
  14.  
  15.                     {
  16.                         $(this)[0].checked = g==$(this).data("group")&&state ? false : $(this)[0].checked;
  17.                     });
  18.             });
  19.         });



Modo en que NO funciona el jquery con los dos inputs:

Código HTML:
Ver original
  1. <div class="col-sm-1">
  2.  
  3.     <input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_si_'.$ids[$i-2].'" value="Si" checked>
  4.  
  5. </div> 
  6.  
  7.  
  8.  
  9. <div class="col-sm-1">
  10.  
  11.     <input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_no_'.$ids[$i-2].'" value="No"> No
  12.  
  13. </div>


Código Javascript:
Ver original
  1. $(document).ready(function ()
  2.  
  3.        {
  4.           $("input[type=checkbox]").click(function ()
  5.  
  6.             {
  7.                 var state = $(this)[0].checked,
  8.  
  9.                 g = $(this).data("group");
  10.  
  11.                 $(this).siblings()
  12.  
  13.                 .each(function ()
  14.  
  15.                     {
  16.                         $(this)[0].checked = g==$(this).data("group")&&state ? false : $(this)[0].checked;
  17.                     });
  18.             });
  19.         });


He probado a poner esto:

Código Javascript:
Ver original
  1. $(".col-sm-1 input[type=checkbox]").click(function ()
  2.  
  3.             {
  4.                     . . . . .

Pero no me funciona


Gracias de antemano.



La zona horaria es GMT -6. Ahora son las 23:03.