Mache es z.B. in der Art:
<input type="radio" id="i-{$item_data.ID}" name="id[{$options_data.ID}]" value="{$item_data.ID}" />
<label for="i-{$item_data.ID}"> </label>
Dadurch wird bei Klick auf
label der Radio-Button gecheckt.
Das Element
input setzt du auf
display:none; oder umgibst alles mit einem Container dem du
position:relative; vergibst und positionierst dann
input und
label absolute.
Die Entsprechnung der RAL-Farben in CSS Hexcode kann man nachschauen und die
label alle mit CSS färben und stylen.
Mittels
input:checked + label {DEINE_STYLES}
kannst du im CSS die
label irgendwie optisch hervorheben die angeklickt wurden (= deren
inputs ausgewählt wurden).
Alte IE verstehen das allerdings nicht (wenn ich mich Recht erinnere geht's ab IE8), was einem aber igendwann auch mal egal sein kann, immerhin gibt es bereits IE11.
Wenn IE >= 8 noch unterstützt werden soll muß mit Javascript nachgeholfen werden.
Gruß,
noRiddle