查找MVC使用jQuery选中的复选框的IDS(Find ids of checked checkb

我有一个领域模型，它代表了某个字段（名称，描述，...）

class FieldModel : EntityModel
{    
    ...
    public bool ToCopy { get; private set; }
    public string Id {get; private set; }
    ...
}

一个指数模型，其中有一个字段集合：

class EntityModel
{
    ...
}

class IndexModel
{
    public IEnumerable<EntityModel> Fields { get; private set; }
}

控制器的副本，也应该接受字段复制的IDS：

public void CopyFields(string[] fieldsIds)
{
    ...
}

我需要选择某些领域通过复选框进行复制。 所以在VEW的现场，我添加

@Html.CheckBoxFor(x => x.IsSelectedForCopy)

在索引视图

<button onclick="onCopyClick('@Model');" type="button" class="btn showButton">Copy Fields</button>

现在我需要编写一个脚本来选择所有选中的字段，并发送其ID到控制器。 我有使用Javascript / jQuery的零经验，所以可能有人帮助我吗？

Answer 1:

这应该让你开始至少;）

你给jQuery的一些CSS选择器和它给你匹配的对象...

$("input :checked").each(function() {
    alert($(this).attr("id"));
});

根据您想如何给他们，然后你可以每个ID添加到一个隐藏字段，像这样一个形式：

$("input :checked").each(function() {
    var tmp = $("#myHiddenField").val();
    tmp += " " + $(this).attr("id"));
    $("#myHiddenField").val(tmp);
});
$.ajax("TheURLToPostTheDataTo", 
    {data: [
        {idsToSend:$("#myHiddenField").val()}
    ], 
    success:  function() { 
         alert("Done"); 
    }
});

然后提交，并通过空间的服务器端修剪和分裂？

文章来源: Find ids of checked checkboxes with jQuery in MVC