javascript dynamische checkbox überprüfen

Ich habe ein Formular (id="myForm") deren Kontrollkästchen ("checkbox") den ich aktivieren/deaktivieren Sie wie folgt:

document.forms['myForm'].checkbox.checked = false;

Wie mache ich das dynamisch? I. e. haben eine Funktion, wo ich den pass in den Namen der checkbox und dann aktivieren oder deaktivieren Sie es?

function check(name) {
  document.forms['myForm'].**name**.checked = false; //how can I do this right?
}
InformationsquelleAutor aeq | 2010-08-17
  1. 2

    In Javascript foo.bar entspricht foo["bar"] ist, so können Sie verwenden:

    document.forms['myForm'][checkboxName].checked = false;

    Jedoch, es ist direkter, wenn Sie geben können, jeder checkbox eine eindeutige id, und verwenden Sie

    document.getElementById(checkboxId).checked = false;
    • vielen Dank, das funktioniert. einfach nur neugierig: was passiert, wenn 'myForm' nicht haben ein Kontrollkästchen mit der übergebenen checkboxName? Wird es fehl?
    • wenn checkboxName existiert nicht auf der form wird es nicht und werfen Sie einen JS-Fehler. Sie sollten einige Fehler überprüfen, bevor die Einstellung der checked Flagge.
    • Es wird nicht still sein. Sie könnte prüfen, mit var cb = document.forms['myForm'][checkboxName]; if (cb) { cb.checked=false; }
    InformationsquelleAutor kennytm
  2. 1

    Können Sie eine einfache Funktion wie diese und übergeben Sie der ID von der checkbox und der daraus resultierende Zustand, ob oder nicht Sie die checkbox sollte aktiviert sein.

    function checkTheBox(id, checkState)
{
    var checkbox = document.getElementById(id);
    if(checkbox) 
        checkbox.checked = checkState;
}

    Diesem Beispiel enthält einige Fehler überprüfen, um sicherzustellen, dass die checkbox vorhanden ist, bevor Sie versuchen, die checked Flagge.

    InformationsquelleAutor Wallace Breza
  3. 0

    Wie diese:

    function checkuncheck(formName, checkName, status)
{
  document.forms[formName][checkName].checked = status;
}

    Wo Sie gehen status entweder als true zu machen, geprüft oder false machen es nicht.

    • Das sieht dann für eine Eigenschaft mit dem Namen formName (buchstäblich) auf die document Objekt, nicht für den tatsächlichen Wert, den die variable hat, sollten Sie die Klammer-notation document.forms[formName] als KennyTM empfehlen.
    • Aktualisiert, danke 🙂
    • Sie sind willkommen, das gleiche gilt für checkName ich tun würde: document.forms[formName].elements[checkName].checked = status;
    • Ja aktualisiert, bevor Sie Ihren Kommentar nochmals vielen Dank.
    InformationsquelleAutor Sarfraz
  4. 0

    versuchen, diese 

    document.forms['myForm'].**name**.defaultChecked = true;
    InformationsquelleAutor Alex Z
Schreibe einen Kommentar