[SOLUCIONADO] Activar conjunto de botones Radio desde otro botón Radio

[newhouse]

Buenos días,

Tengo un formulario con una colección de botones de tipo Radio que se repiten en varias filas. Me gustaría que desde unos botones Radio ajenos a ese formulario, al activar un valor de esos botones Radio, se activen todos aquellos botones Radio del formulario que tengan el mismo valor del botón Radio activado.

Les pongo un ejemplo:

- Opción Global: X 1 - X 2 - X 3

- Fila 1 del Form: X 1 - X 2 - X 3
- Fila 2 del Form: X 1 - X 2 - X 3
- Fila 3 del Form: X 1 - X 2 - X 3
- Fila 4 del Form: X 1 - X 2 - X 3

Lo que pretendo es que al 'activar' una opción de la Opción Global (por ejemplo el Radio X 2), se activen todos los Radios de las filas del formulario (en el ejemplo la opción X 2).

Estoy intentando buscar info pero no la encuentro. ¿Alguna idea de cómo puedo lograr esto con Javascript?

Muchas gracias y un saludo.

[ZedGe1505]

Quieres que se activen las filas o las columnas??? por que activar la opcion X 2 sería activar las columnas...

Lo que puedes agregar a cada columna es un name o clase común dependiendo de lo que quieres activar, es decir, que para los X 2 puedes ponerle una clase "opcionDos" luego en JS, recoges la clase que activaste en Opción Global y recorres la tabla activando las clase "OpcionDos"

[newhouse]

Muchas gracias por tu respuesta.
Lo que pretendo es, desde un botón Radio independiente, activar un conjunto de botones Radio que tienen un mismo ID. Tengo alguna idea de cómo lograrlo, pero en mis pruebas no consigo que funcione.
Un saludo.

[ZedGe1505]

Veamos si esto te sirve:

Código HTML:

Opción Global:
<input class="inputradioA" type="checkbox" name="radio">A
<input class="inputradioB" type="checkbox" name="radio">B
<input class="inputradioC" type="checkbox" name="radio">C
<br><br> 
<table border="1px" id="tabla">
           <tr>
              <td><input class="inputradioA" type="checkbox">A</td>
              <td><input class="inputradioB" type="checkbox">B</td>
              <td><input class="inputradioC" type="checkbox">C</td>
          </tr>
          <tr>
              <td><input class="inputradioA" type="checkbox">A</td>
              <td><input class="inputradioB" type="checkbox">B</td>
              <td><input class="inputradioC" type="checkbox">C</td>
          </tr>
           <tr>
              <td><input class="inputradioA" type="checkbox">A</td>
              <td><input class="inputradioB" type="checkbox">B</td>
              <td><input class="inputradioC" type="checkbox">C</td>
          </tr>
        </table>
 

OJO ESTO USA LA LIBRERÍA JQUERY

Código Javascript:

jQuery(document).ready(function(){
   //Cuando los input con name = radio cambian su estado
   $('input:checkbox[name="radio"]').change(function(){
            //Obtengo su clase
            var clase=$(this).attr("class");
            //Si esta en estado checked, pongo en checked a todo los checkbox de la tabla con la misma clase
            if ($(this).prop('checked')){
                 $('#tabla tr td input:checkbox[class="'+clase+'"]').each(function() {
                   $(this).prop("checked", "checked");
                 });
            }
            //Si no tienen ese estado, quito el estado checked
            else{
                   $('#tabla tr td input:checkbox[class="'+clase+'"]').each(function() {
                           $(this).prop("checked", "");
                    });
          }
});
 
});
 

Ejemplo funcionando

[newhouse]

Buenos días,

Muchas gracias por tu ayuda y dedicación.
Tu solución, desgraciadamente, no me sirve porque mis Radio button están parametrizados (desconozco de antemano su existencia). Su relación se produce por su ID, que sí es común.
De todas formas tu código me sirve como orientación.
Un saludo.

[newhouse]

Buenos días,

Acabo de solucionar el problema. Pongo el código por si fuera de interés.

HTML:

cabecera:

<input type="radio" id="0001" name="0001" value="0101" onChange="javascript:checkAllRadio('introducirjorn ada','00010101')" />
<input type="radio" id="0001" name="0001" value="0102" onChange="javascript:checkAllRadio('introducirjorn ada','00010102')" />
<input type="radio" id="0001" name="0001" value="0103" onChange="javascript:checkAllRadio('introducirjorn ada','00010103')" />
<input type="radio" id="0001" name="0001" value="0104" onChange="javascript:checkAllRadio('introducirjorn ada','00010104')" />
<input type="radio" id="0001" name="0001" value="0105" onChange="javascript:checkAllRadio('introducirjorn ada','00010105')" />

fila (la 1ª):

<input id="00010101" type="radio" name="000119122014091036" value="0101" />
<input id="00010102" type="radio" name="000119122014091036" value="0102" />
<input id="00010103" type="radio" name="000119122014091036" value="0103" />
<input id="00010104" type="radio" name="000119122014091036" value="0104" />
<input id="00010105" type="radio" name="000119122014091036" value="0105" checked='checked' />

Código Javascript:

function checkAllRadio(thisForm, elmnt) {
var o = document.forms[thisForm].elements
if (o){
for (i=0; i<o.length; i++){
if ((o[i].type =='radio')&&(o[i].id == elmnt)){
o[i].checked = true
}
}
}
}

Un saludo.