asp：Label IDをaspから渡す方法：CheckBox

Question

私はさまざまなフォーラムを見回しましたが、私はasp：LabelのIDを呼び出してJavaScript関数に渡す方法を見つけることができませんでした入れ子になったasp：CheckBox内の "onclick"。

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>