¿Hay alguna forma de rellenar casillas de verificación basadas en un clic de botón de radio?

Tengo tres botones de radio y 17 casillas de verificación. Me gustaría que el botón de opción que se selecciona rellene un conjunto de casillas de verificación mientras le da al usuario una forma de seleccionar más si es necesario. ¿Hay alguna manera de hacer esto?

JavaScript tiene el poder de hacer esto (hecho mucho más fácil por jQuery). Deberá establecer una función “onClick” en los botones de opción que luego pueden establecer el valor verificado de las casillas de verificación. Por ejemplo, esta función activará / desactivará casillas de verificación según el botón de opción en el que se haya hecho clic.

function CheckBoxes(selection) { if(selection == 1) { // Checks checkbox with id "CheckBoxID" $("#CheckBoxID").prop("checked", true); // Unchecks checkbox with id "CheckBoxID2" $("#CheckBoxID2").prop("checked", false); } else if(selection == 2) { // Unchecks checkbox with id "CheckBoxID" $("#CheckBoxID").prop("checked", false); // Checks checkbox with id "CheckBoxID2" $("#CheckBoxID2").prop("checked", true); } // etc, depending on how many radio buttons and checkboxes you have } 

Esta función se puede llamar con un botón de radio haciendo:

    

Así es como lo haría en la cabeza, otros le dirán que no asigne un OnClick en el html, sino que se suscriba a él con JavaScript haciendo esto:

 $('#radio1').click(function(){CheckBoxes(1)}); 

JSFiddle que lo muestra correctamente .

Mira esto FIDDLE

 $('#a,#b,#c').on('click', function() { if( $(this).is(':checked')){ $('.'+ this.id).show(); } });​