Javascript “拒绝”按钮始终更新第一个记录问题

我查看了记录，每个记录都接受和拒绝了按钮。在拒绝时，会弹出一个对话框，其中包含一个用于编写原因的模式。这里的问题是，每当我为任何记录单击“拒绝”按钮时，它都会获取第一条记录的id和状态以及

type=“button”

。我尝试更改拒绝按钮的类型，它可以工作，但直接进入控制器而不显示弹出窗口。说真的，我快疯了。我做错什么了

  <tbody>
                            @for (int i = 0; i < Model._Requests.Count(); i++)
                            {


                                <tr>
                                    <td>
                                        @Html.HiddenFor(x=>Model._Requests[i].Request_ID , new {Name="theId" })
                                    </td>

                                    <td>
                                        @Html.DisplayFor(x => Model._Requests[i].Account_Name)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(x => Model._Requests[i].LOB)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(x => Model._Requests[i].Operation_Date)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(x => Model._Requests[i].Employee_no)
                                    </td>

                                    <td>
                                        @Html.DisplayFor(x => Model._Requests[i].Fulfillment_Rate)
                                    </td>

                                    @if (Model._Requests[i].Status == false)
                                    {
                                        <td>
                                            <span name="badge" class="badge badge-warning" id="pend">pending training</span>

                                        </td>
                                    }
                                    @if (Model._Requests[i].Status == true)
                                    {
                                        <td>
                                            <span name="badge" class="badge badge-pill badge-success">completed</span>

                                        </td>
                                    }
                                    @if (Model._Requests[i].Status == null)
                                    {
                                        <td>
                                            <span name="badge" class="badge badge-warning" id="pend">pending</span>

                                        </td>
                                    }


                                    <!--for the accept button-->

                                    @using (Html.BeginForm("Add_Fulfillment_Accept", "TBL_Request", FormMethod.Post))
                                    {
                                        @Html.AntiForgeryToken()

                                        <td>
                                            <button id="btnAccept" class="btn  btn-success" name="a_button" type="submit" value="true">Accept</button>
                                            @Html.Hidden("Request_ID", Model._Requests[i].Request_ID)
                                            @Html.Hidden("Status", Model._Requests[i].Status, new { id = "myEdit", value = "" })

                                        </td>
                                    }
                                    <!--for the reject button-->

                                    @using (Html.BeginForm("Add_Fulfillment_Reject", "TBL_Request", FormMethod.Post))
                                    {
                                        @Html.AntiForgeryToken()


                                        <td>

                                            <button id="btnReject" class="btn  btn-danger" name="button" data-toggle="modal" data-target="#exampleModal" type="button" value="false">Reject</button>
                                            @Html.Hidden("Request_ID", Model._Requests[i].Request_ID)
                                            @Html.Hidden("Status", Model._Requests[i].Status, new { id = "myEdit", value = "" })
                                        </td>
                                        <!--this is the note modal of the reject button -->
                                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">New message</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">


                                                        <div class="form-group">


                                                            @Html.TextArea("Note", Model._Requests[i].Note, htmlAttributes: new { @class = "form-control" })
                                                        </div>

                                                    </div>
                                                    <div class="modal-footer">
                                                        <input type="submit" value="submit" class="btn btn-success" id="finalSave" />

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    }
                                </tr>
                            }
                                </tbody>
<script>

        $(function () {
            var msg = "@(TempData["success"] as string)";
            if (msg !== "") {
                toastr.success('the request status has been updated successfully!');
            }
        });

        $('[name = "a_button"]').click(function () {
            $('[name = "Status"]').val($('[name = "a_button"]').val());

        })

        $('[name = "button"]').click(function () {
            $('[name = "Status"]').val($('[name = "button"]').val());

        })
</script>

---

我非常感谢您的帮助

您的代码中有一些大错误

第一，你是循环html内容，所以如果你给他们id，请确保他们是动态的，以及让我给你一个例子

假设您正在创建拒绝按钮，您的html将

当你循环它时，你会得到多个相同id的按钮

在你的例子中，最好的办法是在btn点击这里调用客户端方法 像

input type=单击将显示模式和提交（）的方法上的按钮

---

接下来，如果输入类型是submit，那么它将提交表单，因此模式将永远不会显示

type submit，将表单数据提交给服务器。如果未指定属性，或者属性动态更改为空值或无效值，则这是默认值。类型按钮没有默认行为。它可以有与元素事件关联的客户端脚本，这些脚本在事件发生时触发。但是如何指定何时使用type=“button”获取我正在编辑的记录的Id。不仅仅是第一个。我使用

@Html.Hidden（“Request\u ID”，Model.\u Requests[I].Request\u ID）

通过拒绝按钮将其与每条记录一起发送。但拒绝按钮不起作用

 //accept method for the accept button
        #region fulfillment
        [CustomAuthorize(Roles = AccessRoleHelper.Training_Action)]
        [HttpPost]
        public ActionResult Add_Fulfillment_Accept(int Request_ID, bool Status)
        {
            var user = db.TBL_Request.Find(Request_ID);

            user.IsApproved = Status  ;
            //db.TBL_Request.Add(user);

            db.SaveChanges();
            TempData["success"] = "Done";
            return RedirectToAction("Training_Action");
        }

        //reject method for the reject button
        [CustomAuthorize(Roles = AccessRoleHelper.Training_Action)]
        [HttpPost]
        public ActionResult Add_Fulfillment_Reject(int theId , bool Status , string Note)
        {
            var selectedRequest = db.TBL_Request.Find(theId);
            selectedRequest.Note = Note;
            selectedRequest.IsApproved = Status;
            db.SaveChanges();
            TempData["success"] = "Done";
            return RedirectToAction("Training_Action");
        }
        #endregion