Button austauschen funtioniert nicht

1 schlitzebube

Ich habe auf https://www.youtube.com/watch?v=-aaifC_i8jQ
das gefunden.

<!doctype html>
<html lang="de">
<head>
<meta charset=utf-8>

<style>
#msg {
display: none;
}
</style>

<body>

<form>

<input type="checkbox" id="checkbx" onclick="checkMe()"> Bitte checken
<p id="msg">Sie haben die AGB akzeptiert</p>
</form>

<script>

function checkMe(){
var cb = document.getElementById("checkbx");
var meldung = document.getElementById("msg");
if(cb.checked == true){
meldung.style.display = "block";
} else {
meldung.style.display = "none";
}
}
</script>

</body>

</html>

Ich wollte den button austauschen.
<input type="button" id="checkbx" value="pruefen" onclick="checkMe()">

Das funktioniert nicht.Ich weiß nicht warum?

2 Jörg Kruse

Ein Button hat keine Eigenschaft "checked", auf die geprüft werden kann - die gibt es nur bei einer Checkbox. Du kannst diese Prüfung ganz einfach weglassen:

function checkMe(){
  var cb = document.getElementById("checkbx");
  var meldung = document.getElementById("msg");
  meldung.style.display = "block";
}

Da er seinen Zweck nach dem Klick verloren hat, würde ich auch den Button dann ausblenden:

function checkMe(){
  var cb = document.getElementById("checkbx");
  var meldung = document.getElementById("msg");
  meldung.style.display = "block";
  cb.style.display = "none";
}

nach oben

Button austauschen funtioniert nicht

Beitrag schreiben (als Gast)

Verwandte Themen