使用图像代替单选按钮

Question

我是ASP的新手并拥有以下代码：

<tr>
    <td style="padding-bottom:5px;">Would you return to this practice again?&nbsp;&nbsp;<asp:RequiredFieldValidator SetFocusOnError="true" ID="rfvReturn" runat="server" ControlToValidate="rblReturn" ErrorMessage="*" ForeColor="Red" Font-Bold="true" Display="Dynamic" /></td>
    <td style="padding-bottom:5px;">
    <asp:RadioButtonList runat="server" ID="rblReturn"  RepeatDirection="Horizontal">
        <asp:ListItem Value="true" Text="Yes" />
        <asp:ListItem Value="false" Text="No" />
    </asp:RadioButtonList>
    </td>
</tr>
<tr class="spaceUnder">
    <td style="padding-bottom:5px;">Would you refer a friend to this practice?&nbsp;&nbsp;<asp:RequiredFieldValidator SetFocusOnError="true" ID="rfvRefer" runat="server" ControlToValidate="rblRefer" ErrorMessage="*" ForeColor="Red" Font-Bold="true" Display="Dynamic" /></td>
    <td style="padding-bottom:5px;">
    <asp:RadioButtonList runat="server" ID="rblRefer"  RepeatDirection="Horizontal">
        <asp:ListItem Value="true" Text="Yes" />
        <asp:ListItem Value="false" Text="No" />
    </asp:RadioButtonList>
    </td>
</tr>

此代码创建以下内容：

我想做的是用切换的图像替换radiobutton，看起来像这样：

我到处搜索，但似乎无法找到办法。

Answer 1

这可能不是正确的方法，但如何将图片作为javascript函数的链接。该函数可以根据单击的文本框填写0或1的文本框。

    function radiobutton() {
      document.getElementById("radiotext").value="1"; 
}

然后只需隐藏文本框：

<div style="width: 0; height: 0; overflow: hidden;">
<input type="text">
</div>

这应该有用......