Javascript 在MVC中使用jQuery查找选中复选框的ID

Javascript 在MVC中使用jQuery查找选中复选框的ID,javascript,jquery,model-view-controller,Javascript,Jquery,Model View Controller,我有一个字段模型,它表示某个字段(名称、描述等) 索引模型,具有字段集合: class EntityModel { ... } class IndexModel { public IEnumerable<EntityModel> Fields { get; private set; } } 我需要通过复选框选择要复制的某些字段。因此,在vew for字段中,我添加了 @Html.CheckBoxFor(x => x.IsSelectedForCopy) 在

我有一个字段模型,它表示某个字段(名称、描述等)

索引模型,具有字段集合:

class EntityModel
{
    ...
}

class IndexModel
{
    public IEnumerable<EntityModel> Fields { get; private set; }
}
我需要通过复选框选择要复制的某些字段。因此,在vew for字段中,我添加了

@Html.CheckBoxFor(x => x.IsSelectedForCopy)
在索引视图中

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

现在我需要编写一个脚本来选择所有选中的字段并将它们的ID发送给控制器。我对Javascript/jQuery没有任何经验,所以有人能帮我吗?

这至少可以让你开始学习;)

你给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"); 
    }
});

然后提交,并在服务器端按空间修剪和拆分?

谢谢!我如何用ajax发送这个?就我所知,是这样吗?onCopy:function(model){var items=[your upper script]this.ajax{action:“CopyFields”,data:items,context:model,success:function(vew){}};}谢谢,你是救命恩人!
$("input :checked").each(function() {
    alert($(this).attr("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"); 
    }
});