包括一个数组与序列化形式- jquery

本文关键字:jquery 序列化 数组 包括一 | 更新日期: 2023-09-27 18:04:44

我目前有一个表单,我试图执行一个帖子(序列化表单),但是我也想包括几个复选框(但我不想在表单本身包含它们)

我已经尝试使用jQuery的。post,但无法完成我需要的,任何帮助将非常感激。

(我使用asp.net MVC 2.0 -我认为这个事件将附加到一个按钮点击)

包括一个数组与序列化形式- jquery

有几种方法可以实现这一点,我将为您演示两种方法,以及一个接受数据的Controller Action示例:

你的控制器动作:

[HttpPost]
public ActionResult YourActionName(YourModel formModel, bool[] checkboxes)
{
   ...
}

。post方法:

//Serialize Form Data
var data = $("#yourForm").serializeArray();
//Iterates through all your checkboxes - with a specific class
$(".yourCheckboxClass").each(function ()
{
    data.push({name : "checkboxes", value : $(this).val()});
});

。ajax方法:

//Build array of checkbox values
//You can use an .each here, or whatever other method you prefer
$.ajax({ type: "POST",
          url: "<%= Url.Action("Action","Controller") %>",
     datatype: "json",
  traditional: true,
         data: {
                  'formModel': $('#yourForm').serialize(),
                 'checkboxes': yourCheckboxArray
               }
});

我希望这能帮助你完成你需要的。

这样的东西适合你吗?(假设按钮是表单上的提交按钮)

$("#triggerButton").bind("click.me", function(e) {
   var $form = $(this).closest("form");
   $(".other-checkbox-class").appendTo($form);
});