javascript - 获取已更改的复选框值的值

Question

我的页面上有几个复选框，每个复选框对应不同的课程。当用户选中复选框时，我想向服务器发送一个 POST 请求，以将他们的注册详细信息添加到数据库中。

我有以下 jQuery 来记录更改：

$(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) {

        });
    });
});

在我的页面上有几个复选框输入，我如何检索触发事件的选定复选框的值并将其设置为 var courseID 变量。

Answer 1

每个处理集合集合的 jQuery 函数的值都是this当前元素。

所以...

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

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

});

Answer 2

在您的change函数内部，变量this代表您的复选框。

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


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

    alert(courseID);

});

jsfiddle在这里