mehrere Kontrollkästchen, die verschiedene divs angezeigt werden, wenn sie überprüft werden

Question

Ich habe etwa 10 Kontrollkästchen Optionen. Der Benutzer kann nur einen oder mehrere auswählen. Und wenn es überprüft wird, werden verschiedene Dinge angezeigt.

also habe ich das funktioniert für eine Checkbox mit dem Namen "checkbox", aber ich brauche Hilfe, um es zu bekommen, so dass es für 10 verschiedene Checkboxen arbeiten wird?

function showMe (box) {  
var chboxs = document.getElementsByName("checkbox"); 
var vis = "none"; 
for(var i=0;i<chboxs.length;i++) { 
    if(chboxs[i].checked){ 
    vis = "block"; 
     break; 
    } 
} 
document.getElementById(box).style.display = vis; 

}

Answer 1

Sie das Element an die Funktion senden können, erhalten die id (element.id). Und dann haben eine Liste von div-Tags mit entsprechenden id = "div1" Vielleicht so etwas wie diese versuchen:

Javascript:

function showMe (element) { 
    document.getElementById("div" + element.id).style.display = (element.checked) ? "block" : "none"; 
} 

HTML: <input type="checkbox" onclick="showMe(event.target)" id="1"> <div id="div1" style="display:none">you clicked checkbox 1</div>