Checkboxen mit Jquery oder CSS
Hallo Leute,
ich brauche mal eure Hilfe.
Und zwar will ich ein Checkbox Menu machen mit 5 Checkboxen.
Dann will ich das wenn eine Checkbox angewählt ist die anderen ausgeblendet werden.
Sobald dann die eine Checkbox wieder abgewählt ist sollen die anderen Checkboxen wieder eingeblendet werden.
Ich habe schon CSS probiert:
Code:
input[type=checkbox]#opt_231_0:checked ~ span input#opt_231_1 {
display:none;
}
Ich habe es schon mit Jquery probiert, extra ohne onclick event, da man ja der checkbox nicht ein onclick event zu teilen kann. Hier bei dem Fall müsste ich für jede Checkbox eine seperate Funktion schreiben, da das ja bei jeder Checkbox funktionieren soll.
Code:
<script>
$(document).ready(function(){
if ($('#opt_231_0').is(:checked)) {
$('#opt_231_1').hide();
} else {
$('#opt_231_1').show();
}
});
</script>
Ich hoffe mir kann jemand helfen.
Google hilft mir zwar aber komischerweise in Verbindung mit Contao geht das nicht.
Bis dahin