Question

我有一个将图像链接到的HTML标签，因此当您单击图像时，图像将突出显示，并选择单选按钮（在图像下方）。我试图将单选按钮转换为ASP单选按钮，以便可以在后面的代码中引用它，但是无法确定如何关联标签。

我认为这可能是因为它是HTML到ASP的，它可能无法工作，所以我尝试使用ASP标签，但是据我所知，该标签不允许您在其中包含图像。 / p>

这是它的工作方式：

<div class="form-holder form-holder-2">
    <input type="radio" class="radio" name="radio1" id="p1" value="p1">
        <label class="plan-icon plan-1-label" for="p1">
            <img src="images/frmMM1.png" alt="p1">
        </label>
    <div class="plan-total">
        <span class="plan-title">Managing your money</span>
        <p class="plan-text">Placeholder</p>
    </div>
</div>

这是现在的样子：

<div class="form-holder form-holder-2">
    <asp:RadioButton ID="rbMM1" AssociatedControlID="rbMM1" ClientIDMode="Static" runat="server" CssClass="radio" GroupName="rbMM" Checked="true" />
        <label class="plan-icon plan-1-label" for="rbMM1" >
            <img src="images/frmMM1.png" alt="p1">
        </label>
    <div class="plan-total">
        <span class="plan-title">Managing your money</span>
        <p class="plan-text">Placeholder</p>
    </div>
</div>

在运行该应用程序时，所有内容最初看起来都相同，但是单选按钮不可单击（从图像中单击）。有没有更好的方法可以实现上述目标？

Answer 1

请尝试在标签上添加...pressedDate属性。

updateDay

这样，我可以在类后面的代码中使用该标签的值。让我知道它是否对您有用。

Answer 2

我已经设法通过使用隐藏的ASP单选按钮（通过javascript从原始按钮中选择）来实现此目的。如果将来有人偶然发现这个问题，这就是我实现的目标：

<div class="form-holder form-holder-2">
    <asp:RadioButton ID="rbMM1" AssociatedControlID="rbMM1" ClientIDMode="Static" runat="server" CssClass="radio" GroupName="rbMM" Checked="true" />
        <input type="radio" class="radio" name="radio1" id="p1" value="p1" onclick"clickRadioButton1()">
        <label class="plan-icon plan-1-label" for="rbMM1" >
            <img src="images/frmMM1.png" alt="p1">
        </label>
        <script type="text/javascript">
            function clickRadioButton1() {
            document.getElementById("<%=rbMM1.ClientID %>").checked = true;
            }
        </script>
    <div class="plan-total">
        <span class="plan-title">Managing your money</span>
        <p class="plan-text">Placeholder</p>
    </div>
</div>

如何将HTML标签与ASP.Net单选按钮相关联？

2 个答案: