Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon extaler vom 20.02.2022, 19:48 Options
Checkboxen abhaken und speichern lassen per button
Hallo,
ich hab folgendes problem,
ich hab eine liste von 60 sachen, vor jedem möchte ich gerne eine checkbox haben und wenn man den jeweiligen gegenstand von den 60. per abhaken ausgewählt hat, dass man dann einen button drückt und der die haken entweder speichert oder die mit haken durchstreicht...
bei mir scheitert es an der verbindung mit dem button und den häkchen das er die speichert wenn man die seite verlässt bzw durchstreichen, wär mir beides lieb...
hab mal ein beispiel erstellt so gut ich kann:
<title>Checkboxen definieren</title>
<h1>Pizzabelag nach Wahl!</h1>
<form action="input_checkbox.htm">
<p>Kreuzen Sie die gewünschten Zutaten an:</p>
<p>
<input name="zutat" value="salami" type="checkbox"> Salami<br>
<input name="zutat" value="pilze" type="checkbox"> Pilze<br>
<input name="zutat" value="sardellen" type="checkbox"> Sardellen
<button type="button" name="Name" value="Wert" onclick="strike=checkbox">
Auswahlen
</button>
</p>
</form>
kann mir da jemand weiter helfen? bin leider kein pro und zerbrech mir schon den ganzen tag den kopf daran
ich hab folgendes problem,
ich hab eine liste von 60 sachen, vor jedem möchte ich gerne eine checkbox haben und wenn man den jeweiligen gegenstand von den 60. per abhaken ausgewählt hat, dass man dann einen button drückt und der die haken entweder speichert oder die mit haken durchstreicht...
bei mir scheitert es an der verbindung mit dem button und den häkchen das er die speichert wenn man die seite verlässt bzw durchstreichen, wär mir beides lieb...
hab mal ein beispiel erstellt so gut ich kann:
<title>Checkboxen definieren</title>
<h1>Pizzabelag nach Wahl!</h1>
<form action="input_checkbox.htm">
<p>Kreuzen Sie die gewünschten Zutaten an:</p>
<p>
<input name="zutat" value="salami" type="checkbox"> Salami<br>
<input name="zutat" value="pilze" type="checkbox"> Pilze<br>
<input name="zutat" value="sardellen" type="checkbox"> Sardellen
<button type="button" name="Name" value="Wert" onclick="strike=checkbox">
Auswahlen
</button>
</p>
</form>
kann mir da jemand weiter helfen? bin leider kein pro und zerbrech mir schon den ganzen tag den kopf daran
Antwort 1 von gast42 vom 20.02.2022, 19:51 Options
beschreibe dein Problem bitte weniger verworren!
Antwort 2 von extaler vom 20.02.2022, 19:55 Options
sry,also,ein beispiel
[Speichern] <- Button
[ ] Salami
[ ] Pilze
[ ] Sardelle
steht zur auswahl, wenn ich jetzt zwei auswähle,
[X] Salami
[X] Pilze
[ ] Sardelle
und dann speichern drücke, das dann die auswahl gespeichert bleibt. oder die auswahl mit "strike" durchgestrichen wird oder komplett gelöscht, keine ahnung ob das geht.
[Speichern] <- Button
[ ] Salami
[ ] Pilze
[ ] Sardelle
steht zur auswahl, wenn ich jetzt zwei auswähle,
[X] Salami
[X] Pilze
[ ] Sardelle
und dann speichern drücke, das dann die auswahl gespeichert bleibt. oder die auswahl mit "strike" durchgestrichen wird oder komplett gelöscht, keine ahnung ob das geht.
Antwort 3 von gast42 vom 20.02.2022, 20:01 Options
Was meinst du mit "speichern"? Browser speichern nichts!
Und bitte formuliere ein konkretes Ziel (ohne "... oder...").
Und bitte formuliere ein konkretes Ziel (ohne "... oder...").
Antwort 4 von extaler vom 20.02.2022, 20:09 Options
ich möchte das sich leute auf meiner seite, etwas aus einer liste von 60 dingen aussuchen können, per checkbox diese auswählen und dann durch ein button die angekreuzten dinge aus der liste gelöscht werden...geht sowas`?
Antwort 5 von gast42 vom 20.02.2022, 20:35 Options
ja, geht!
im CSS:
input.gestrichen {
text-decoration:line-through;
}
im JavaScript
function streiche() {
var felder=document.getElementsByName("zutat");
for (var i=0; i<felder.length; i++) {
felder.className=(felder.checked)?"gestrichen":"";
}
}
und im HTML (außer den inputs mit name="zutat") ein button mit onclick="streiche()"
im CSS:
input.gestrichen {
text-decoration:line-through;
}
im JavaScript
function streiche() {
var felder=document.getElementsByName("zutat");
for (var i=0; i<felder.length; i++) {
felder.className=(felder.checked)?"gestrichen":"";
}
}
und im HTML (außer den inputs mit name="zutat") ein button mit onclick="streiche()"
Antwort 6 von gast42 vom 20.02.2022, 20:36 OptionsLösung
(letztes Posting streichen, da fehlen Formatierungen und damit wichtige Skriptteile)
im CSS:
im JavaScript
und im HTML (außer den inputs mit name="zutat") ein button mit onclick="streiche()"
im CSS:
input.gestrichen {
text-decoration:line-through;
}
im JavaScript
function streiche() {
var felder=document.getElementsByName("zutat");
for (var i=0; i<felder.length; i++) {
felder[i].className=(felder[i].checked)?"gestrichen":"";
}
}und im HTML (außer den inputs mit name="zutat") ein button mit onclick="streiche()"
Ähnliche Themen
Mehrere Checkboxen gleichzeitig aktivieren
luac. 11.11.2008 - 13 Hits - 2 Antworten
Videos von youtube und Co speichern
KJG17 09.07.2009 - 1109 Hits -
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
