选中/取消选中时复选框ajax请求

Checkbox ajax request on check/uncheck

本文关键字：复选框 ajax 请求 取消 选中      更新时间：2024-03-08

我在剃刀视图引擎上有一个复选框：

@Html.CheckBoxFor(model => model.Attempt, new { id = "Attempt" })

我想在每次选中/取消选中复选框时发出ajax请求。所以，我使用了javascript，

$(document).ready(function () {
// Some other functions here
        $('#Attempt input:checkbox').change(function () {
            $.ajax({
                url: '@Url.Action("Select", "Test")',
                type: 'POST',
                data: { attempt: true }
            });
        })

    });

但它根本不起作用。根本没有发送任何请求。我错过了什么？此外，如何根据勾选/取消勾选来映射数据attempt true或false？

我不知道为什么它不起作用，但我做了一些修改使它起作用。

$('#Attempt').change(function () {
            if ($('#Attempt').is(':checked')) {
                $.ajax({
                    url: '@Url.Action("Select","Test")',
                    data: { isLocked: true },
                    type: 'POST',
                    dataType: "json"
                });
            }
});

您的选择器说查找一个id为Attempt的元素，然后查找里面的复选框。我相信你的选择器应该只是id，除非我不理解你使用的电镀语言。

相关文章：