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 here

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

2 个答案: