Ver Mensaje Individual
  #4 (permalink)  
Antiguo 17/02/2016, 07:17
ZedGe1505
 
Fecha de Ingreso: junio-2011
Mensajes: 289
Antigüedad: 13 años, 6 meses
Puntos: 15
Respuesta: Activar conjunto de botones Radio desde otro botón Radio

Veamos si esto te sirve:


Código HTML:
Ver original
  1. Opción Global:
  2. <input class="inputradioA" type="checkbox" name="radio">A
  3. <input class="inputradioB" type="checkbox" name="radio">B
  4. <input class="inputradioC" type="checkbox" name="radio">C
  5. <br><br>
  6. <table border="1px" id="tabla">
  7.            <tr>
  8.               <td><input class="inputradioA" type="checkbox">A</td>
  9.               <td><input class="inputradioB" type="checkbox">B</td>
  10.               <td><input class="inputradioC" type="checkbox">C</td>
  11.           </tr>
  12.           <tr>
  13.               <td><input class="inputradioA" type="checkbox">A</td>
  14.               <td><input class="inputradioB" type="checkbox">B</td>
  15.               <td><input class="inputradioC" type="checkbox">C</td>
  16.           </tr>
  17.            <tr>
  18.               <td><input class="inputradioA" type="checkbox">A</td>
  19.               <td><input class="inputradioB" type="checkbox">B</td>
  20.               <td><input class="inputradioC" type="checkbox">C</td>
  21.           </tr>
  22.         </table>

OJO ESTO USA LA LIBRERÍA JQUERY

Código Javascript:
Ver original
  1. jQuery(document).ready(function(){
  2.    //Cuando los input con name = radio cambian su estado
  3.    $('input:checkbox[name="radio"]').change(function(){
  4.             //Obtengo su clase
  5.             var clase=$(this).attr("class");
  6.             //Si esta en estado checked, pongo en checked a todo los checkbox de la tabla con la misma clase
  7.             if ($(this).prop('checked')){
  8.                  $('#tabla tr td input:checkbox[class="'+clase+'"]').each(function() {
  9.                    $(this).prop("checked", "checked");
  10.                  });
  11.             }
  12.             //Si no tienen ese estado, quito el estado checked
  13.             else{
  14.                    $('#tabla tr td input:checkbox[class="'+clase+'"]').each(function() {
  15.                            $(this).prop("checked", "");
  16.                     });
  17.           }
  18. });
  19.  
  20. });


Ejemplo funcionando