Question

我已经尝试过我所知道的一切，但仍然无法获得我的复选框列表值。我有一个嵌套的局部视图，它呈现一些客户端信息数据，并允许他进行一些插入。没什么复杂的。但是，有一个为某种客户生成的动态合同列表。这是我的复选框列表，动态列表。虽然我可以获得整个表单值，但我无法从我的复选框中获取任何检查值。

这是我的代码：

视图模型

public List<TITAContratos> Contratos { get; set; }

public class TITAContratos
    {
        public string NumContrato { get; set; }
        public bool Checked { get; set; }
    }

查看

   <div style="position: static; float: left;" id="debPropContratos">
                <span>Contratos do Cliente:</span> 
                @Html.EditorFor(item => item.Contratos)

EDITOR

@model MVCGestaoWeb.Models.ViewModels.TITAContratos
<p>
    @Html.HiddenFor(x => x.NumContrato)
    @Html.CheckBoxFor(x => x.Checked )
    @Html.LabelFor(x => x.Checked , Model.NumContrato)
    <br />
</p>

SCRIPT

$("#btnCadAcordo").click(function () {
            var urlSave = '@Url.Action("DebPropostas")';
            var taVM = $("#debPropForm").serializeObject();

            $.ajax({
                type: "POST",
                url: urlSave,
                //Com isso ele permite a passagem de objetos para o Controller
                data: JSON.stringify(taVM),
                datatype: "JSON",
                contentType: "application/json; charset=utf-8",
                success: function (returndata) {
                    $("#containerDebProp").html(returndata);

                }
            });
            return true;
        });

        $.fn.serializeObject = function () {
            var o = {};
            var a = this.serializeArray();
            $.each(a, function () {
                if (o[this.name] !== undefined) {
                    if (!o[this.name].push) {
                        o[this.name] = [o[this.name]];
                    }
                    o[this.name].push(this.value || '');
                } else {
                    o[this.name] = this.value || '';
                }
            });
            return o;
        };

修改

只是指出问题：我无法获得任何复选框选中的值。即使我可以将我的复选框隐藏起来，我也无法检查哪些复选框。

Answer 1

这是因为CheckBoxFor助手为每个复选框生成了额外的隐藏字段。

如何使用.serialize()方法而不是JSON发送普通的application/x-www-form-urlencoded编码请求：

$("#btnCadAcordo").click(function () {
    var urlSave = '@Url.Action("DebPropostas")';
    $.ajax({
        type: 'POST',
        url: urlSave,
        data: $('#debPropForm').serialize(),
        success: function (returndata) {
            $('#containerDebProp').html(returndata);
        }
    });
    return true;
});

这样您就不再需要serializeObject功能了。此外，debPropForm在您显示的代码中无处可见，请确保此表单包装编辑器模板及其输入字段。

MVC 3 ajax发布未获取复选框的复选框值

1 个答案: