2017-05-10 6 views
0

Ich habe mehrere Kontrollkästchen in einem für jede Schleife alle mit anderen Datenattributen.Übergeben Sie Kontrollkästchen Kontrollkästchen Datenattribut durch JQuery

In JQuery Ich versuche, das Datenattribut der aktivierten Option abzurufen und ob es aktiviert ist oder nicht.

$(".live").click(function() { 

    var n = this.id 
    var a = this.attr("data-pid"); 

ich die id oder attr

+0

in Ihrer Funktion, die Sie tun können, 'this.checked' zu sehen, ob es oder nicht –

+0

geprüft, wie etwa die Daten –

+0

Änderung Attribut' var a = this.attr ("daten-pid"); 'zu' var a = $ (this) .attr ("daten-pid"); ' –

Antwort

1

https://jsfiddle.net/nydo9ues/1/

$('.live').change(function(){ 
var chkbx=$(this); 
console.log(chkbx.data());//Will give you a JSON Object with your data https://api.jquery.com/data/ 
console.log(chkbx.attr('id'));//id of the element changing 
console.log(chkbx.is(':checked'));//Status of the checkbox 


}); 
0

attr() ist ein jQuery-Methode nicht in der Lage sein scheinen zu bekommen, so dass Sie $(this).attr() nicht this.attr()

$(function() { 
 
    $(".live").change(function() { 
 
    var n = this.id 
 
    var a = $(this).attr("data-pid"); 
 
    console.log('id=', n, ' pid=', a , ' checked=', this.checked) 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" data-pid="1" id="live_1" class="live"> 
 
<input type="checkbox" data-pid="2" id="live_2" class="live"> 
 
<input type="checkbox" data-pid="3" id="live_3" class="live"> 
 
<input type="checkbox" data-pid="4" id="live_4" class="live"> 
 
<input type="checkbox" data-pid="5" id="live_5" class="live">

verwenden

Verwenden Sie Ihre Konsole, um nach Fehlern zu suchen. Sie sollten eine für this.attr() gesehen ist keine Funktion

Verwandte Themen