Op http://tinyurl.com/monpupy staat een scriptje dat ik gebruik om o.b.v. een aanal checkboxes een DIV weer te geven. Hij moet bij de 2e en 3e optie de div weergeven en als er geen van de 2e of 3e optie aan is moet hij gehide worden.

Dit gaat allemaal goed, tenzij je de 1e én 2e aan doet en vervolgens de 2e uit vinkt. Dan zou hij moeten verdwijnen en dit gebeurt niet.

Iemand een tip wat er fout zit?

Ik zou het iets anders aanpakken....

1. gebruik de labels, unieke names (multiple kan wel, maar waarom moeilijk doen?) etc.
2. gebruik jQuery (aangezien je die toch geladen hebt) om values te checken bij form change i.p.v. onclick()

Ik ben echt totaal niet bedreven met JQuery en JavaScript. Dus ik weet niet hoe dat te doen...


Ik hoop stiekem nog op iemand die aangeeft wat ik fout heb in mijn bestaande script. Mocht dat niet komen ga ik me verdiepen in jouw suggestie.

Probeer het dan eens door unieke names te geven...

Geen idee of het nog relevant voor je is maar de break weghalen is voor mij voldoende om het te laten werken:

Code:

<script type='text/javascript'>//<![CDATA[ 
    function showMe (box) {
        var chboxs = document.getElementsByName("locatie[]");
        var vis = "none";
        for(var i=0;i<chboxs.length;i++) {
            if(chboxs[i].checked){
             vis = "block";
            }
        }
        document.getElementById(box).style.display = vis;
    }
//]]>  
</script>

Oeps, dat was niet de enige wijziging natuurlijk. Ik had de for loop ook laten beginnen met tellen bij i = 1 zodat hij de eerste checkbox overslaat met checken. Omdat ik blijkbaar mijn bericht hierboven niet kan wijzigen (?) is dit de goede versie:

Code:

<script type='text/javascript'>//<![CDATA[ 
    function showMe (box) {
        var chboxs = document.getElementsByName("locatie[]");
        var vis = "none";
        for(var i=1;i<chboxs.length;i++) {
            if(chboxs[i].checked){
             vis = "block";
            }
        }
        document.getElementById(box).style.display = vis;
    }
//]]>  
</script>

Geweldig Tjerk, bedankt!