Wie Wert ausgewählte Label von Repeater bekommen mit Hilfe von Javascript

Question

i die den Repeater haben binden, und ich möchte den Wert des Labels erhalten, während Prüfung auf bestimmte Kontrollkästchen:

$(function() { 
 
    $('.toggleCheck').change(function() { 
 
    console.log('Toggle: ' + $(this).prop('checked')) 
 

 
    RepeaterData(); 
 
    }) 
 
}) 
 

 

 
function RepeaterData() { 
 
    var size = $('.nameLabel').length; 
 
    console.log('size' + size); 
 
    for (i = 0; i < size; i++) { 
 
    var name = $('.nameLabel').eq(i).text(); 
 
    var id = $('.IdLabel').eq(i).text(); 
 
    //var result = document.getElementById('result'); 
 
    alert(name); 
 
    // result.innerText += name + " \t " + id + "\n"; 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<asp:Repeater ID="rptCust" runat="server"> 
 
    <HeaderTemplate> 
 
    <div class="table-responsive"> 
 
     <table class="table table-striped table-bordered table-hover table-highlight" data-provide="datatable" data-display-rows="10" data-info="true" data-search="true" data-length-change="true" data-paginate="true"> 
 
     <thead> 
 
      <tr> 
 
      <th data-filterable="true">No</th> 
 
      <th>name</th> 
 
      <th>Action</th> 
 
      </tr> 
 
     </thead> 
 
     <tbody> 
 
    </HeaderTemplate> 
 
    <ItemTemplate> 
 
    <tr> 
 
     <td> 
 
     <asp:Label ID="lblId" CssClass="IdLabel" runat="server" Text='<%#Eval("id")%>' Style="display: none"></asp:Label> 
 
     <asp:Label ID="lblno" CssClass="nameLabel" runat="server" Text='<%#Eval("no")%>'></asp:Label> 
 
     </td> 
 
     <td> 
 
     <asp:Label ID="lblname" runat="server" Text='<%#Eval("name")%>'></asp:Label> 
 
     </td> 
 
     <td> 
 
     <input id="Checkbox1" commandname="Edit" data-toggle="toggle" type="checkbox" checked='<%# (Eval("status")).ToString() == "1" ? true : false %>' runat="server" class="toggleCheck"> 
 
     </td> 
 
    </tr> 
 
    </ItemTemplate> 
 
    <FooterTemplate> 
 
    </tbody> 
 
    </table> 
 
    </div> 
 
    </FooterTemplate> 
 
</asp:Repeater>

i habe oben genannten Code geschrieben.

Jetzt, wenn ich auf das Kontrollkästchen klicke, dann muss ich ID dieser Checkbox mit Javascript erhalten.

Ich habe versucht, den Wert zu erhalten, aber es gibt mir den ganzen Wert anstelle von bestimmten ID Kontrollkästchen aktiviert/deaktiviert.

Wie kann ich Wert von bestimmten ID bekommen, wenn ich das Kontrollkästchen aktiviert/deaktiviert?

Answer 1

Sie können dies tun, ...

$('.toggleCheck').click(function(){ 
    console.log($(this).attr('id')); 
}) 

oder wenn Sie, wenn cheched identifizieren möchten ...

$('.toggleCheck').click(function(){ 
    if($(this).is(':checked')){ 
     console.log($(this).attr('id')); 
    } 
}) 

Answer 2

ich es gelöst haben. Unten ist der Code.

ich habe var id = $(this).closest('tr').find('td:first-child').text(); mit der obigen Zeile hinzugefügt i bestimmten ID auf Checkbox aktiviert/deaktiviert

$(function() { 
     $('.toggleCheck').change(function() { 
     console.log('Toggle: ' + $(this).prop('checked')) 
     var id = $(this).closest('tr').find('td:first-child').text(); 

     }) 
    })