javascript - 选中/取消选中复选框 ajax 请求

Question

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

@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根据 check/uncheck 映射数据 true 或 false ？

Answer 1

我不知道为什么它不起作用，但我稍作修改以使其起作用。

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

                    type: 'POST',
                    dataType: "json"
                });
            }
});

Answer 2

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