Récupérer la valeur de la case à cocher qui a été modifiée

Question

J'ai plusieurs cases à cocher sur ma page qui correspondent chacune à des cours différents. Lorsque l'utilisateur coche la case à cocher, je souhaite envoyer une requête POST au serveur pour ajouter les détails de son inscription à la base de données.

Je la jQuery suivante pour prendre note du changement:

$(function() { 
    $("input:checkbox").change(function() { 
     var fullURL = document.URL; 
     var url = fullURL.split('userID='); 
     var userID = url[1]; 

     var courseID = 

     alert(userID + "and " + courseID); 

     $.post('/Admin/EnrolUser/', postData, function (data) { 

     }); 
    }); 
}); 

Sur ma page il y a plusieurs entrées de cases à cocher, comment puis-je récupérer la valeur de la case sélectionnée qui a déclenché l'événement et réglez ce paramètre la variable var courseID.

Answer 1

Chaque fonction jQuery traitant des collections définit la valeur this comme étant l'élément courant.

Alors ...

$("input:checkbox").on("change", function(){ 

    $(this).val(); //Element that fired event 

}); 

Answer 2

l'intérieur de votre fonction change la this variables représente votre case à cocher.

$("input:checkbox").change(function() { 
    var fullURL = document.URL; 


    var courseID = $(this).val(); 

    alert(courseID); 

}); 

jsfiddle here