Benötigen Sie Hilfe dieses jQuery-Code-Snippet

Question

ich auf dieser Seite dieses sehr nützlich Code irgendwo gefunden zu beheben:

$('input[type="checkbox"]').on('change', function() { 
    $('input[name="' + this.name + '"]').not(this).prop('checked', false); 
}); 

Allerdings würde ich meine Kontrollkästchen lieber in ihren Klassen zu identifizieren und nicht durch ihre Namen, so dass ich das snippet zu dieser versucht zu ändern:

$('input[type="checkbox"]').on('change', function() { 
    $('input[class="' + this.class + '"]').not(this).prop('checked', false); 
}); 

Aber das funktioniert nicht, aus irgendeinem Grund. Ich bin mir ziemlich sicher, dass ich einen sehr rudimentären Fehler mache, aber wenn du mir helfen könntest, wäre das großartig.

Answer 1

Um die Klasse aus Ihrer Eingabe zu erhalten, verwenden Sie jQuery attr und asign einer Variablen:

jQuery Attribute Selector

Wie stated by e_i_pi in den Kommentaren, mit var class ein wenig sicherer, da sie den Umfang der Variablen schränkt Klasse, um die Funktion wird definiert, in

var class = $(this).attr('class'); 

Alle zusammen:.

Answer 2

element.class ist kein gültiges DOM-Eigenschaft:

console.log(document.getElementById('test').class);

<div id="test" class="foo"></div>

Sie haben stattdessen element.className zu verwenden:

console.log(document.getElementById('test').className);

<div id="test" class="foo"></div>