Checkbox mit drop-Down deaktivieren

Kalito

Erfahrenes Mitglied
hallo, ich habe folgenden html-code:

HTML:
 <select name="vorstand" size="1" onChange="setzeSicht('vorstand');">
        <option>patrick</option>
        <option>christopher</option>
        <option>marcus</option>
    </select>
<input type="checkbox" name="patrick" value="HR" />HR
<input type="checkbox" name="patrick" value="UK"/>UK
<input type="checkbox" name="patrick" value="QM"/>QM
 </div>
  <div>
  Christopher Matzke :
<input type="checkbox" name="christopher" value="HR" />HR
<input type="checkbox" name="christopher" value="UK"/>UK
<input type="checkbox" name="christopher" value="QM"/>QM

  <div>
  Marcus Rehwald :
<input type="checkbox" name="marcus" value="HR" />HR
<input type="checkbox" name="marcus" value="UK"/>UK
<input type="checkbox" name="marcus" value="QM"/>QM
/div>
dazu der js-code für alle checkboxen aktivieren:
Code:
function setzeSicht(position){

    if(position == 'vorstand'){
            num = document.getElementsByName("vorstand")[0].selectedIndex;
            txt = document.getElementsByName("vorstand")[0].options[num].text;
     }
     //alle werden angekreuzt
     for(i = 0; i < document.getElementsByName(txt).length; i++){
            document.getElementsByName(txt)[i].checked = true;
       }
}

Das funktioniert auch soweit. Nur wenn ich den Wert in der Drop-Box ändere (Bsp.: aus Christopher wird Patrick), dann sind bei Christopher UND Patrick alle Checkboxen gechecked. Wie kann ich es also am besten lösen, das bei Christopher alle checkboxen auf false gesetzt werden.

Danke und Gruß
 
Du musst die anderen Checkboxen wieder auf den Normalzustand setzen!

Du könntest z.B. alle Checkboxen (bzw. Inputs) durchlaufen lassen und alle "unchecken", nur die gerade aktiven aktivierst du wieder:
Javascript:
var inputs = document.getElementsByTagName("input");
for (var i=0; i<inputs.length; i++)
{
  if (inputs[i].type == "checkbox")
    inputs[i].checked = false;
}
/* Jetzt dein Code */
 
Naja, ich habe mehrere Dropdownfelder die verschiedene checkboxen aktivieren. Ich will halt nur die Gruppe deaktivieren, die einen bestimmten anmen haben, nämlich der, den ich vorher wegmache
 
Wie währe es
Javascript:
var inputs = document.getElementsByTagName("input");
durch
Javascript:
var inputs = document.getElementsByName("patrick");
zu ersätzen?
 
Zuletzt bearbeitet von einem Moderator:

Neue Beiträge

Zurück