asp.net - 如何在代码隐藏中更改 HTML 标签的 onclick 属性

Question

好的，我有这个：

<div class="radio-toolbar">  
    <input type="checkbox" id="check1" name="checks" value="1">
    <label for="check1">1</label>

    <input type="checkbox" id="check2" name="checks" value="2">
    <label for="check2">2</label>

    <input type="checkbox" id="check3" name="checks" value="3">
    <label for="check3">3</label>
</div>

我正在寻找一种方法来使用ASP.NET VB Codebehind设置这些标签的“onclick”属性，使标签看起来像：

<div class="radio-toolbar">  
    <input type="checkbox" id="check1" name="checks" value="1">
    <label for="check1" onclick="some javascript">1</label>

    <input type="checkbox" id="check2" name="checks" value="2">
    <label for="check2" onclick="some javascript">2</label>

    <input type="checkbox" id="check3" name="checks" value="3">
    <label for="check3" onclick="some javascript">3</label>
</div>

那么，这可能吗？

Answer 1

使用asp:Label.

<asp:Label ID="lblChk1" runat="server" AssociatedControlID="check1" Text="1">
</asp:Label>

然后在你的代码后面：

lblChk1.Attributes.Add("onclick","some javascript");

编辑：您可以简单地使用asp:CheckBox和使用它的Text属性。单击文本将触发您的CheckBox.

Answer 2

设置ID属性并添加runat=server标签。然后您可以从您的代码隐藏中访问标签：

<div class="radio-toolbar">  
    <input type="checkbox" id="check1" name="checks" value="1">
    <label ID="label1" runat="server" for="check1">1</label>

    <input type="checkbox" id="check2" name="checks" value="2">
    <label ID="label2" runat="server" for="check2">2</label>

    <input type="checkbox" id="check3" name="checks" value="3">
    <label ID="label2" runat="server" for="check3">3</label>
</div>

Answer 3

Label我将使用带有属性的 ASP.NET 控件而不是 html 标签，该AssociatedControlID属性呈现为label for.

<asp:Label ID="Label1" 
   AssociatedControlID="check1" 
   onclick="somejavascript" 
   runat="server" 
   Text="1"></asp:Label>  

您还可以从代码隐藏中添加 javascript：

Label1.Attributes.Add("onclick","somejavascript");

来自 MSDN：

... 设置 AssociatedControlID 属性后，Label 控件呈现为 HTML 标签元素，其中 for 属性设置为关联控件的 ID 属性。您可以使用标签属性设置标签元素的其他属性。例如，您可以使用 Text 和 AccessKey 属性为关联控件提供标题和热键。

`