onchange: Checkbox in Abhängikeit eines Dropdown

B

blackhorse

Grünschnabel
Hallo,

ich habe eine - für Euch wahrscheinlich einfache :) - Frage:

Ich habe ein Formular mit zwei Checkboxen und einen Dropdown-Feld.
Wenn man jetzt im Dropdownfeld etwas auswählt, soll gecheckt werden ob MINDESTENS eine der beiden Checkboxen aktiviert ist. Wenn nicht, soll eine Meldung an den User erfolgen nach dem Motto "Es muss mindestens ein Wert ausgewählt werden!"

Vielen lieben Dank für Eure Hilfe!

Viele Grüsse
 
Hi,

du kannst an die beiden Checkboxen IDs vergeben. Diese übergibst du im onchange-Event des Select-Felds als Array einer Funktion. Dort werden die Checkboxen anhand der übergebenen IDs analysiert. Wird keine Checkbox gefunden, deren Eigenschaft checked wahr ist, wird eine Meldung ausgegeben.

Beispiel:
Code: 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Quaese">
<title>www.tutorials.de</title>

<script type="text/javascript">
<!--
function checkBoxes(arrID){
  for(var i=0; i<arrID.length; i++){
    if(document.getElementById(arrID[i]).checked)
      return true;
  }

  alert("Es muss mindestens eine Checkbox gewählt werden!");
  return false;
}
//-->
</script>

</head>
<body>
<form>
  <div>
    <input type="checkbox" id="chk_01" name="chkBox[]" value="0">Null<br>
    <input type="checkbox" id="chk_02" name="chkBox[]" value="1">Eins<br>
  </div>
  <div>
    <select onchange="checkBoxes(['chk_01', 'chk_02']);">
      <option>Opt 1</option>
      <option>Opt 2</option>
    </select>
  </div>
</form>
</body>
</html>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück