nicht angemeldet
checkbox onselect klappt nicht
Hallo Forum,
bin heute plont... möchte, wenn man eine checkbox anklickt, die anderen ausschalten, falls sie angeklickt sind.
wer kann mir sagen, wieso folgender Code nicht klappt:
(nur am Rande: checkbox ungleicher name ist Absicht)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script language="JavaScript">
function checkit() {
if (document.peron_daten.fem == true){
document.peron_daten.mas = false;
}
if (document.peron_daten.mas == true){
document.peron_daten.fem = false;
}
}
</script>
</head>
<body>
<form name="peron_daten" action="">
<input type="checkbox" name="fem" onselect="checkit()" checked>frau<br>
<input type="checkbox" name="mas" onselect="checkit()">mann<br>
<input type="submit" value="go">
</form>
</body>
</html>
-
Hi,
probiers mal mit onClick.
Ausserdem, warum nimmst Du keine Radiobuttons, die erfüllen die Aufgabe doch viel besser?
Viele Grüße
-
Hallo Plont,
zunächst mal muss ich mich Rudi anschliessen: Warum keine Radio-Buttons? Denn die liefern genau die Funktionalität, die du brauchst. Mit OnClick gebe ich ihm ebenfalls recht.
Neben einem kleinen Fehler bei dem Auslesen, ob die Checkbox angekreuzt ist oder nicht (siehe Selfhtml), ist auch noch ein kleiner Fehler in der Programmierlogik.
Ich habe mal ein wenig gebastelt und die Funktion des Radio-Buttons imitiert. Nach dem Motto: "There ist more than one way to do it".
Vielleicht hilft es dir weiter (allerdings nur IE 6.0 getestet).
Viele Grüße
Pidder Lüng
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
function checkit(gender) {if (gender == 0){
document.peron_daten.mas.checked = false;
document.peron_daten.fem.checked = true;
}
if (gender == 1){
document.peron_daten.fem.checked = false;
document.peron_daten.mas.checked = true;
}
}
</script>
</head>
<body>
<form name="peron_daten" action="">
<input type="checkbox" name="fem" onclick="checkit(0)" checked>frau<br>
<input type="checkbox" name="mas" onclick="checkit(1)">mann<br>
<input type="submit" value="go">
</form>
</body>
</html>