Nur eine checkbox angehakt werden kann

Baue ich eine mobile-webapp mit jquery mobile. Nun was möchte ich 2 Dinge zu tun. Eine Sache ist, dass nur eine checkbox angehakt werden kann. Eine andere Sache ist, dass, wenn es kommt eine checkbox, die ich nicht ändern möchten mein javascript.

Meine html -

<input type="checkbox" name="checkbox-zaal1" id="checkbox-1" onClick="CountChecks('checkbox-1')"/>
                    <label for="checkbox-1">Zaal 1</label>

                    <input type="checkbox" name="checkbox-zaal2" id="checkbox-2" onClick="CountChecks('checkbox-2')"/>
                      <label for="checkbox-2">Zaal 2</label>

                    <input type="checkbox" name="checkbox-zaal3" id="checkbox-3" onClick="CountChecks('checkbox-3')"/>
                    <label for="checkbox-3">Zaal 3</label>

Und meine javascript -

function CountChecks(which) {
        var maxchecked = 1;
        var count = 0;
        for (i=0;i<=3;i++){
            if(eval('document.getElementById("checkbox-"+ i).checked == true')) { count++; }
        }
        if(count > maxchecked) {
            eval('document.getElementById("' + which + '").checked = false');
            alert('Sorry je kan enkel maar 1 meeting room reserveren');
        }
    }

So, wie Sie sehen können, in meinem javascript. Ich möchten, ändern Sie die 3 in der Schleife in der Menge aus den Kontrollkästchen auf meinen Seiten. Außerdem gibt es etwas falsch mit meinem ersten Funktion eval. Aber ich kann ' T es herausfinden.

Könnten Sie mir helfen ?

Danke

  • Können Sie nicht verwenden, radio-buttons (<input type="radio" />)?
InformationsquelleAutor Steaphann | 2012-05-04
Schreibe einen Kommentar