Checkbox steuern Radiobuttons

Question

Ich habe ein checkbox und 3 radio buttons, ich versuche eine der radio buttons ausgewählt zu haben, wenn das Kontrollkästchen aktiviert ist und haben einen von ihnen unver ausgewählt, wenn die checkbox nicht aktiviert ist.

Meine Lösung funktioniert beim ersten Lauf, wählt aber nach dem ersten Klick nicht das Optionsfeld aus.

$('#checkbox-h-2g').click(function() { 
    if ($('#checkbox-h-2g').is(":checked")) { 
     $('#r1').attr('checked', true); 
    }if (!$('#checkbox-h-2g').is(":checked")) { 
     $('#r1 , #r2, #r3').attr('checked', false); 
    } 
}); 

Answer 1

Verwenden .prop() statt .attr() Eigenschaften zu setzen, auch Ihr Code kann als

$('#checkbox-h-2g').change(function() { 
    if (this.checked) { 
     $('#r1').prop('checked', true); 
    }else{ 
     $('#r1 , #r2, #r3').prop('checked', false); 
    } 
});