Checkboxen abhaken und speichern lassen per button

Question

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

Answer 1

beschreibe dein Problem bitte weniger verworren!

Answer 2

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.

Answer 3

Was meinst du mit "speichern"? Browser speichern nichts!

Und bitte formuliere ein konkretes Ziel (ohne "... oder...").

Answer 4

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`?

Answer 5

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[i].className=(felder[i].checked)?"gestrichen":"";
}
}

und im HTML (außer den inputs mit name="zutat") ein button mit onclick="streiche()"

Answer 6

(letztes Posting streichen, da fehlen Formatierungen und damit wichtige Skriptteile)

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()"

Answer 7

okay super, danke sehr, ich probier erstmal mein glück

Answer 8

vielen dank, das war dir lösung!