Button mit +1 und -1

[JoeVanni]

Hallo,

ich suche nach einer Lösung für folgendes Problem.

zwei Nr.-Felder die jeweils einen +1 und -1 Button haben, wobei der zweite auch auf den ersten Einfluss nimmt.

Im Detail:
Das erste Nr.-Feld hat einen +1 und -1 Button, der im Feld eben +1 oder -1 rechnet.
Das zweite Nr.-Feld hat auch einen +1 und -1 Button, wenn hier jedoch +1 gedrückt wird, wird neben +1 im zweiten Feld gleichzeitig auch -1 im ersten Feld gerechnet. Und andersrum, also -1 im zweiten Feld rechnet +1 im ersten Feld.

Die Buttons im zweiten Feld müssen also gleichzeitig die Buttons im ersten "auslösen" und ins Nr.-Feld eintragen.
Ist so eine Doppelfunktion möglich?

Dazu noch eine Frage, ist es machbar das die Buttons im zweiten Feld nur dann rechnen können, wenn im ersten Nr.-Feld ein positiver Wert steht?

 

[Tronjer]

Klingt für mich nach einer Schulaufgabe. Wie sieht denn dein bisheriger Ansatz aus?

 

[JoeVanni]

Hab da leider noch nichts vorzuweisen, da ich erst für diese Sache eine Lösung brauche.

 

[Sempervivum]

Dann will ich dir als Starthilfe mal den Code für einen Button geben. Damit kannst Du es dann vervollständigen.

<form name="form1">
<input type="number" name="feld1" value="0">
<input type="button" value="Feld1 +" onclick="feld1_plus();">
</form>

function feld1_plus() {
document.form1.feld1.value = parseInt(document.form1.feld1.value) + 1;
}

 

[JoeVanni]

Perfekt, vielen Dank, konnte da fast alles umsetzen was ich brauche ;-)

Kannst du mir vielleicht noch den Code geben, wie ich die Felder wieder zurücksetze. Ich würde gerne mehrere, bestimmte, Felder auf null zurück setzen.
Gibt es da einen onclick=" befehl? Da kann man ja mehrere Felder hintereinander angeben.

Oder gibt es hier eine bessere Lösung?

 

[Sempervivum]

Du kannst in einer Funktion, z. B. feld_reset() ja mehrere Anweisungen untereinander notieren und damit mehrere Felder zurück setzen indem Du den Wert auf 0 setzt. Etwas eleganter und mit einem Einzeiler geht es, wenn Du jQuery verwendest und den rückzusetzenden Feldern eine einheitliche Klasse gibst:
$(".deine_klasse").val("0");
BTW: Vielleicht hast Du es gesehen: Wenn Du ein Eingabefeld von Typ "number" verwendest, hat dieses schon solche kleinen Pfeile, mit denen man den Wert erhöhen und erniedrigen kann.

 

[JoeVanni]

ok, stimmt das Script in der Art:

<input type="button" value="loeschen" onclick="loeschen();">

<script>
function loeschen() {
document.form.feld.value = 0;
document.form.feld1.value = 0;
document.form.feld2.value = 0;
}
</script>

Die Variante gefällt mir sehr gut, da ich so gezielt Felder löschen kann.
Ist der Code auf die Art richtig?

 

[Sempervivum]

Ja, ist OK.

 

[Nicole.M]

Hallo, ich suche einen einfachen Code für +1 Button.

 

[Gelöschtes Mitglied 36401]

Wie kommst du auf die Schnapsidee, in einen Thread aus dem Jahre 2015 zu schreiben?

ich suche einen einfachen Code für +1 Button

Viel Erfolg dabei.

 

[Nicole.M]

Weil es hier halbwegs um das Thema ging.

Vielen Dank für die freundliche Antwort. Glaub da suche ich mir lieber wo anders Hilfe

 

[Gelöschtes Mitglied 36401]

Weil es hier halbwegs um das Thema ging.

Trotzdem solltest du einen eigenen Thread eröffnen und dich nicht an so einen uralten Thread dranhängen.
Und dann solltest du auch schreiben, was du bisher versucht hast.

 

[basti1012]

Da du dich ja schon an diesem Thema dran gehangen hast , sollte man ihn auch lesen.
Hast du das?
Es wurde schon genau das gepostet was du brauchst