asp.net - ASP.NET RadioButtonList 为包含图像的 ListItem 生成额外的 HTML

Question

在我的应用程序中，我有一个 RadioButtonList：

<asp:RadioButtonList runat="server" ID="CardTypeRadioButtonList" RepeatDirection="Horizontal">
    <asp:ListItem Value="Visa">
        <img src="../images/icon_visa.gif" alt="Visa" align="absmiddle">&nbsp;Visa
    </asp:ListItem>
    <asp:ListItem Value="MasterCard">
        <img src="../images/icon_mc.gif" alt="MasterCard" align="absmiddle">&nbsp;Mastercard
    </asp:ListItem>
</asp:RadioButtonList>

但是，有时 Visual Studio 会自动生成以下代码并将其插入到我的 ListItems 中：

<img src="../images/icon_visa.gif" alt="Visa" align="absmiddle"> Visa 

知道如何让它消失吗？

Answer 1

我尝试在每个 ListItem 上放置一个空白文本属性。希望这能让这个问题消失。

Answer 2

您在第二个“img”标签处缺少“<”

<asp:RadioButtonList runat="server" ID="CardTypeRadioButtonList" RepeatDirection="Horizontal">
<asp:ListItem Value="Visa">
    <img src="../images/icon_visa.gif" alt="Visa" align="absmiddle"> Visa
</asp:ListItem>
<asp:ListItem Value="MasterCard">
   <img src="../images/icon_mc.gif" alt="MasterCard" align="absmiddle"> Mastercard
</asp:ListItem>

Answer 3

大约一年前，我在 Telerik 控件上遇到了类似的问题，最后写了一个宏来根据需要修复它，因为我无法弄清楚。这不是最好的解决方案，但如果您不知道该怎么做，可以很容易地创建一个宏来根据需要在 Visual Studio 中修复代码。