Radiobuttons individuell gestalten ... ?

[Andreas]

Ich bin mir leider nicht sicher, ob das untenstehende Codebeispiel tatsächlich funktionstüchtig ist, weil ich das Formular bereits einige Male testweise über einen kostenlosen Provider verschickt habe, der mir jetzt, da ich denke, es müsste klappen, nicht mehr erlaubt, es heute nochmal zu probieren.

Head:

<script type="text/javascript">
var checkedButton=-1 // No button is checked by default
var rbValues=new Array()
rbValues[1]="Value1"
rbValues[2]="Value2"
rbValues[3]="Value3"
rbValues[4]="Value4"
function checkButton(buttonId) {

// Uncheck any checked button
 if (checkedButton!=-1) {
  document.images["rb_" + checkedButton].src="button_up.jpg"
 }

// Check clicked button
 document.images["rb_" + buttonId].src="button_down.jpg"

// Store clicked button ID
 checkedButton=buttonId

// Store new value to submit
 document.beispiel.valueToSubmit.value=rbValues[buttonId]

}
</script>

Body:

<form action="http://go4xml.com/formmail.php" name="beispiel" method="POST" enctype="multipart/form-data">
    <b>
 <input type="hidden" name="recipient" value="[e-mail]">
 <input type="hidden" name="subject" value="Feedbackformular">
 Option 1  <a href="#" onclick="checkButton(1)" onfocus="this.blur()"><img name="rb_1" src="button_up.jpg" border="0"/></a>
 <p>Option 2  <a href="#" onclick="checkButton(2)" onfocus="this.blur()"><img name="rb_2" src="button_up.jpg" border="0"/></a> <p><b>
  <input type="hidden" name="valueToSubmit"><input
    </p>
border="0" src="vote.jpg" name="Submit" onfocus="this.blur()" width="24" height="7" type="image">
    </b></p>
</form>

Vielen Dank für Deine Hilfe.