检查/取消选中复选框ajax请求

时间:2012-07-25 12:59:31

标签: javascript ajax asp.net-mvc razor

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

@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是真还是假?

2 个答案:

答案 0 :(得分:3)

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

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

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

答案 1 :(得分:2)

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