Veamos si esto te sirve:
Código HTML:
Ver originalOpció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
<table border="1px" id="tabla"> <td><input class="inputradioA" type="checkbox">A
</td> <td><input class="inputradioB" type="checkbox">B
</td> <td><input class="inputradioC" type="checkbox">C
</td> <td><input class="inputradioA" type="checkbox">A
</td> <td><input class="inputradioB" type="checkbox">B
</td> <td><input class="inputradioC" type="checkbox">C
</td> <td><input class="inputradioA" type="checkbox">A
</td> <td><input class="inputradioB" type="checkbox">B
</td> <td><input class="inputradioC" type="checkbox">C
</td>
OJO ESTO USA LA LIBRERÍA JQUERY
Código Javascript
:
Ver originaljQuery(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