JQuery - Jquery que interactua con dos inputs

 
Vista:

Jquery que interactua con dos inputs

Publicado por Jquery que interactua con dos inputs (46 intervenciones) el 25/05/2019 19:30:58
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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_si_'.$ids[$i-2].'" value="Si" checked>
 
<input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_no_'.$ids[$i-2].'" value="No"> No
 
$(document).ready(function ()
{
    $("input[type=checkbox]").click(function ()
    {
        var state = $(this)[0].checked,
 
        g = $(this).data("group");
 
        $(this).siblings()
 
        .each(function ()
        {
            $(this)[0].checked = g==$(this).data("group")&&state ? false : $(this)[0].checked;
        });
    });
});


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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div class="col-sm-1">
 
    <input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_si_'.$ids[$i-2].'" value="Si" checked>
 
</div>
 
 
<div class="col-sm-1">
 
    <input type="checkbox" data-group="ocupacion" id="ocupacions_usuario_no_'.$ids[$i-2].'" value="No"> No
 
</div>
 
 
$(document).ready(function ()
{
  $("input[type=checkbox]").click(function ()
 
    {
        var state = $(this)[0].checked,
 
        g = $(this).data("group");
 
        $(this).siblings()
 
        .each(function ()
 
            {
                $(this)[0].checked = g==$(this).data("group")&&state ? false : $(this)[0].checked;
            });
    });
});


He probado a poner esto:

1
2
3
$(".col-sm-1 input[type=checkbox]").click(function ()
{
      . . . . .

Pero no me funciona :-(


Gracias de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de santi
Val: 162
Plata
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Jquery que interactua con dos inputs

Publicado por santi (55 intervenciones) el 30/05/2019 12:19:00
Hola,

¿por lo que veo quieres hacer que se seleccione uno u otro?

Lo digo porque podrías utilizar inputs del tipo radio y de esta forma el usuario solo tiene una de las dos opciones...

Si no es el caso miramos otras soluciones ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar