Ich habe ein fieldset mit Checkboxen. Ihr Werte wurden bisher mit der Post-Methode so wie eingegeben an die nächste Seite weitergereicht.
Nun habe ich eine Markieren/Entmarkieren-Funktion mit zwei Buttons eingebaut: Der eine markiert, der andere entmarkiert. Funktioniert nicht, der Entmarkierer ja, der Markierer zeigt folgendes Verhalten: die Checkboxen, die nicht markiert waren vor Anklicken des Buttons, zeigen für einen Sekundenbruchteil den Haken, danach sind sämtliche Checkboxen entmarkiert. Der Code:
"Haupt-HTML-Seite":
Die Funktion, die verwendet wird, hat folgendes Aussehen:
Ihr könnt die Datei "functions1.js" mit dieser Funktion erstellen, dann könnt Ihr es auf dem eigenen Localhost testen.
Was läuft da falsch?
Gruß
F.
Nun habe ich eine Markieren/Entmarkieren-Funktion mit zwei Buttons eingebaut: Der eine markiert, der andere entmarkiert. Funktioniert nicht, der Entmarkierer ja, der Markierer zeigt folgendes Verhalten: die Checkboxen, die nicht markiert waren vor Anklicken des Buttons, zeigen für einen Sekundenbruchteil den Haken, danach sind sämtliche Checkboxen entmarkiert. Der Code:
"Haupt-HTML-Seite":
HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Seitenname</title>
<link href="layout_f2.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="functions1.js"></script>
</head>
<!-- Begin of BODY ------------------------------------- -->
<body>
<div class="content2">
<form id="checker1">
<fieldset>
<label for "check1" style="color: #005090; font-size: 12px"
background-color: #F4FFF4;><input type="checkbox" name="kf2a[]"
value="1" id="check1" >Maler/Lackierer</label><br>
<label for "check2" style="color: #005090; font-size: 12px"
background-color: #F4FFF4;><input type="checkbox" name="kf2a[]"
value="2" id="check2" >Raumpflege & Gebäudereinigung</label><br>
<label for "check3" style="color: #005090; font-size: 12px"
background-color: #F4FFF4;><input type="checkbox" name="kf2a[]"
value="3" id="check3" >Webentwicklung/Webdesign (HTML, PHP)</label><br>
</fieldset>
<button id="mark" type="submit" name="action" value="99"
formaction="" formmethod="post" onclick="fnc_ActMarkDemark('checker1',
'kf2a', 'checked')">Alle markieren</button>
<button id="demark" type="submit" name="action" value="98"
formaction="" formmethod="post" onclick="fnc_ActMarkDemark('checker1',
'kf2a', '')">Alle entmarkieren</button>
</form>
<!-- end .content2 --></div>
<div class="footer">© Ich, der Besitzer 2015 | <a
href="kontakt2.html">Kontakt</a> | <a
href="impressum2.html">Impressum</a></div>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>Die Funktion, die verwendet wird, hat folgendes Aussehen:
HTML:
function fnc_ActMarkDemark(pStrFormName, pStrElemNam, pBlnMark) {
for (var i = 0;i < document.forms[pStrFormName].elements.length;i+
+) {
if(document.forms[pStrFormName].elements[i].type ==
'checkbox'){
document.forms[pStrFormName].elements[i].checked =
pBlnMark;
}
}
}Ihr könnt die Datei "functions1.js" mit dieser Funktion erstellen, dann könnt Ihr es auf dem eigenen Localhost testen.
Was läuft da falsch?
Gruß
F.
Zuletzt bearbeitet:
