I have created script for three choices using radio buttons.
They show up fine in a browser but clicking one of them doesn't change which one is highlighted.

php code:

<div id="pnlMp3" style="border-color:Transparent;
height:24px; width:168px;z-index: 114; left: 8px;
position: absolute; top: 264px">

<span id="lblMp3" style="z-index: 100; left: 64px;
position: absolute; top: 0px">MP3:</span>
<span style="z-index: 101; left: 96px;
position: absolute; top: 0px"><input id="rbMp3" type="radio"

name="mp3" value="Y" /></span>
<span style="z-index: 102; left: 120px;
position: absolute; top: 0px"><input id="rbMp3" type="radio"

name="mp3" value="N" /></span>
<span style="z-index: 104; left: 144px;
position: absolute; top: 0px"><input id="rbMp3" type="radio"
name="mp3" value="D" checked/></span></div>

outcome:
http://hoco.oxyhost.com/gps/radio.php

I'd sure appreciate some help on this. Thanks!

The z-index of div panel1 is 116 while your buttons are at 104 therefore that div is in front of your form rendering the form useless although you are able to see them because your div is transparent. I'm sure if you set a bg color for that div you'd see that color instead of your form. So just change your HTML around a bit.

One addition: ID is a unique property - you shouldn't give id="rbMp3" to every one of them, could cause multiple different problems... and yeap your Z-indexes are messed up, so fixem and you'll profit :>

I changed my HTML around a bit like you said, and all is now well. Never even thought about z-indexes. Thank you Matt and Jabis