none
Recorrer todos los CheckBox y si su id es igual a X marcarlo como true? RRS feed

  • Pregunta

  • Saludos, lo que necesito es breve, el titulo lo dice todo y necesito hacerlo con Javascript. Gracias

    Jhonatan Plata http://kayprogramacion.blogspot.com/

    martes, 16 de agosto de 2016 21:26

Respuestas

  • Hola Kaysinho,

    Puedes hacer esto :

    - En este caso lo hago mediante un botón, pero la lógica no cambia.

    $('#validar').on('click', function(){
      $('input[type=checkbox]').each(function(){
         var cb = $(this);
        //Si el id es cb2 o cb5 selecciona
         if(cb.attr('id') == 'cb2' || cb.attr('id') == 'cb5'){
           cb.attr('checked', true);
         }
      });
    });

    Obtengo todos los inputs de tipo checkbox, hago un for (each) y en cada iteración mediante la función attr obtengo su id y comparo.

    Resultado :

    Saludos.


    JC NaupaCrispín
    Lima - Perú

    La magia no existe, la programación SI

    • Marcado como respuesta Kaysinho martes, 16 de agosto de 2016 22:27
    martes, 16 de agosto de 2016 21:51

Todas las respuestas

  • Hola Kaysinho,

    Puedes utilizar Jquery? o necesitas hacerlo mediante javascript puro?.

    Saludos.


    JC NaupaCrispín
    Lima - Perú

    La magia no existe, la programación SI

    martes, 16 de agosto de 2016 21:42
  • Si se puede ocn Jquery Joel C. Naupa Crispín, gracias por responder

    Jhonatan Plata http://kayprogramacion.blogspot.com/

    martes, 16 de agosto de 2016 21:46
  • Kaysinho,

    Se entiende que el valor del atributo ID debe ser único dentro de una página, entonces no deberías requerir recorrer objetos, basta con referenciarlo:

    <script type="text/javascript">
    
        $(document).ready(function () {
            $('#x').prop("checked", "checked");
        });
    
    </script>


    Espero que la información proporcionada te haya sido de utilidad, quedo atento a tus comentarios.
    martes, 16 de agosto de 2016 21:50
  • Hola Kaysinho,

    Puedes hacer esto :

    - En este caso lo hago mediante un botón, pero la lógica no cambia.

    $('#validar').on('click', function(){
      $('input[type=checkbox]').each(function(){
         var cb = $(this);
        //Si el id es cb2 o cb5 selecciona
         if(cb.attr('id') == 'cb2' || cb.attr('id') == 'cb5'){
           cb.attr('checked', true);
         }
      });
    });

    Obtengo todos los inputs de tipo checkbox, hago un for (each) y en cada iteración mediante la función attr obtengo su id y comparo.

    Resultado :

    Saludos.


    JC NaupaCrispín
    Lima - Perú

    La magia no existe, la programación SI

    • Marcado como respuesta Kaysinho martes, 16 de agosto de 2016 22:27
    martes, 16 de agosto de 2016 21:51
  • Gracias Joel Willams al final termine usando la funcion de Joel

    Jhonatan Plata http://kayprogramacion.blogspot.com/

    martes, 16 de agosto de 2016 22:28
  • Kaysinho,

    ¿En realidad crees necesario recorrer objetos? Por concepto el valor de un ID debería ser único en la página y tienes los selectores para intersectar referencias:

    Por ejemplo, seleccionar los input de tipo 'checkbox' con id: chk1 y chk2:

    'Seleccionar a partir del id
    $('#chk1, #chk2').prop("checked", "checked");
    
    'Refinar la selección para los input de tipo 'checkbox'
    $(':checkbox[id=chk1], :checkbox[id=chk2]').prop("checked", "checked");

    Como vez los selectores te permiten incluso referirte a una propiedad para varios elementos. Lo dejo a tu consideración.

    martes, 16 de agosto de 2016 22:45