如何从ASP:复选框传递ASP:标签ID

Question

我已经浏览了不同的论坛，但是我找不到一种允许我调用ASP：Label ID的方法嵌套的ASP：复选框。

我想在onClick =" selectThisdemo2"调用中同时传递复选框ID和标签ID。这是代码：

<asp:Label ID="lblRace1" runat="server" CssClass="lblDemo2 btn btn-primary">
    <asp:CheckBox ID="cbRace1" CssClass="cbButtons" runat="server" onClick="selectThisDemo2(this.id, this.label.id)" Style="font-weight: normal" />
</asp:Label>

Answer 1

您是否考虑过在selectThisDemo2()函数中解决您的ID属性？

<asp:CheckBox ID="cbRace1" CssClass="cbButtons" runat="server" onClick='selectThisDemo2()' Style="font-weight: normal" />

并根据触发事件" event.srcElement"（和相对位置的标签）的元素来调整功能以解决它们，如下所示：

function selectThisDemo2(){
     // Get your current element
     var element = event.srcElement;
     // Get it's ID attribute
     var elementId = element.id;
     // Traverse up the generated markup and access your label (and it's ID)
     var labelId = element.parentElement.parentElement.id;
     // Do something here
}

示例

function selectThisDemo2() {
  var element = event.srcElement;
  var elementId = element.id;
  var labelId = element.parentElement.parentElement.id;
  // Do something here
  alert(elementId + ',' + labelId);
}

<span id="lblRace1" class="lblDemo2 btn btn-primary">
    <span class="cbButtons" style="font-weight: normal">
        <input id="cbRace1" type="checkbox" name="cbRace1" onclick="selectThisDemo2();">
    </span>
</span>