Checkbox Formular

[meik70]

Hallo.
Ich sage es vorweg, ich kenne mich nicht aus mit diesen Dingen und bin für jede Hilfe dankbar. Ich möchte ein Formular erstellen, bei dem erst eine Checkbox bestätigt werden muss, bevor man auf einen Button (.png) klickt, um den Kauf tätigen zu können, also zum Warenkorb gelangt. Ich habe nun aus dem Internet dies hier gefischt. Meine Fragen: Wie muss ich das Script verändern damit
1. da wo jetzt value="Buy Now" steht mein PNG - Image (ein Button) eingefügt wird
...und ...
2. dieses PNG auch verlinkt ist => in dem Fall zum Warenkorb?

<form name="agb">
<input type="checkbox" name="agb_check" onClick="check(this, document.agb.senden)"> Ich habe die AGBs gelesen, und aktzeptiere diese.
<br><br>
<input type="submit" name="senden" value="Buy Now" disabled>
</form>
<script language="JavaScript">
<!--
function check(checkbox, senden) {
if(checkbox.checked==true){
senden.disabled = false;
}
else {
senden.disabled = true;
}
}
//-->
</script>


Herzlichen Dank für die Hilfe!

 

[LeCub]

Du musst festlegen womit das Formular ausgewertet wird denn ansonsten führt der submit- button ja nirgends hin. Das Bild kannst du hinbekommen in dem du statt des submit buttons einen normalen link mit bild einfügst. Und statt dem javascript einfach die Checkbox als required (muss angekreuzt werden) festlegen. Ich würde das so machen:

<form name="agb" action="warenkorb.php" method="post">
<input type="checkbox" name="check" required>Ich habe die AGBs gelesen und akzeptiere diese.
<br/><br/>
<a href="javascript:document.agb.submit()"><img src="DeinBild.png"></a>
</form>

 

[meik70]

Danke für deinen Rat! Ich habe jetzt dein Script genommen und das hier getan:
<form name="agb" action="warenkorb.php" method="post">
<input type="checkbox" name="check" required>Ich habe die AGBs gelesen und akzeptiere diese.
<a href="http://...."><img src="http:.....png"></a>
</form>

Nun ist alles zumindest schon einmal vorhanden, Checkbox, Text und .png (Button).
Es bleibt nur ein Problem: Wenn ich den Button klicke (.png) .... funktioniert das auch, wenn in der Checkbox kein Häkchen gesetzt wurde. Ich möchte aber sicher gehen, dass man nur zum Warenkorb gelangt, wenn man vorher das Häkchen gesetzt hat. Wie gesagt, ich kenne mich eigentlich gar nicht aus.
Was muss ich ändern?

 

[LeCub]

ja du hast recht mein fehler das liegt daran dass in dem formular kein richtiger submit button ist sondern der umweg über Js, jetzt habe Ich gerade entdeckt dass man auch einem submit button einen Hintergrund geben kann:

<form name="agb" action="warenkorb.php" method="post">
<input type="checkbox" name="check" required>Ich habe die AGBs gelesen und akzeptiere diese.
<br/><br/>
<input type="submit" value="" id="submit">
</form>
<style>
#submit {background:url('deinbild.png'); border:none;}
</style>

Aber ist ein Webshop nicht ein bisschen zu anspruchsvoll wenn du selber sagst dass du nicht so viel Ahnung hast?