Bei anklicken einer Checkbox button disabled setzen

[yoshi95]

Hallo Community,

wie kann ich, wenn ich eine checkbox aktiviere, einen anderen Button im Formular disabled setzen, und wenn ich das Häkchen wieder wegnehme wieder normalisieren?

das geht:

document.formular.element.disabled = true;

Würde mich über schnelle Antwort freuen

 

[Frank]

<script type="text/javascript">
<!--
window.onload = function() {
  document.getElementById('check').onclick = updatebutton
}
function updatebutton() {
  if (document.getElementById('check').checked)
    document.getElementById('submit').disabled = true
  else
    document.getElementById('submit').disabled = false
}
-->
</script>
<form>
<input type="checkbox" id="check" name="x" /><br />
<input type="submit" id="submit" name="sub" value="Button" />
</form>

 

[yoshi95]

das geht soweit gut. nur, wenn ich ien zweites feld so deaktivieren möchte, gibt's probleme:

window.onload = function2() {
  document.getElementById('check2').onclick = updatebutton2;
}
function updatebutton2() {
  if (document.getElementById('check2').checked) {
    document.getElementById('text').disabled = true;
     } else {
    document.getElementById('text').disabled = false;
    }
}

 

[Frank]

window.onload darfst nur einmal benutzen, also dann so

window.onload = function() {
  document.getElementById('check').onclick = updatebutton
  document.getElementById('check2').onclick = updatebutton2
}

 

[yoshi95]

Ah!:?::arrow::!::arrow::idea:

 

[rweoli]

3 Checkboxen

Hallo!

Ich habe ein ähliches Problem, bei mir sollen erst 3 Checkboxen aktiviert sein, ehe der Submit-Button aktiv wird.

Habe es schon mit obigem Script probiert und die true und false-Werte getauscht. Einzeln klappt das auch, aber bei mir darf der Button wie gesagt erst aktiv werden, wenn alle 3 Boxen aktiviert sind.

Kann mir jemand weiterhelfen?

Danke schonmal!

 

[crash]

// bei load
var submit = document.getElementById("mysubmit");
var checkboxen = [
    document.getElementById("mycheckbox1"),
    document.getElementById("mycheckbox2"),
    document.getElementById("mycheckbox3")
]; // gerne auch getElementByClassName() oder getElementByTagName()
var form = submit.form;

// checkboxen loopen, Click-Event anhängen, mit einer Funktion die wiederum alle checkboxen looped und prüft, ob .checked wahr ist

// Submit-Event an das Formular hängen, was das gleiche testet.

Ich hoffe das hilft als Ausgangspunkt.