Question

我可能会遗漏一些明显的东西。我有一个网页，其中包含一个带有文本框和复选框的表单。

问题是只有在<%= Html.SubmitButton ...用作提交按钮时才能选中该复选框，但我想使用<input type="submit ...作为按钮，但使用此按钮会阻止用户点击选中复选框。

可能导致这种情况的原因是什么？有关替代/尝试的任何建议吗？

注意：这只发生在IE7中。

编辑：该按钮的标记为：

<input type="submit" value="<%=GetPlainText("testbutton", "test button")%>" />

然而，我发现如果我使用以下内容它是有效的 - 有没有办法让它看起来像一个默认按钮？即必须为它设置一个css类吗？

<%= Html.SubmitButton("none").Value("test button") %>

Answer 1

提交按钮将触发回发事件，并且复选框检查不会发生。使用jquery提交表单。使用简单的按钮，然后点击调用javascript函数

 <button class="gbtn" onclick="submituserEntry()">
                                    <span class="label">Submit</span>
                                </button>



function submituserEntry(){
 var ChangeReq = { "CurrentPassword": exstpwd, "NewPassword": newpwd }

                var jsondata = JSON.stringify(ChangeReq)
                $.ajax({
                    type: 'POST',
                    url: "/myController/changeAction",
                    cache: false,
                    data: jsondata,
                    timeout: 10000,
                    contentType: "application/json; charset=utf-8",
                    success: function (_results) {
                        alert(_results.Message);
                    },
                    error: function (_results) {
                    }
                });}

并在控制器中

[HttpPost]
    public ActionResult changeAction(passwordmodel _model)
    {
      String CurrentPassword=_model.CurrentPassword;
      String NewPassword= _model.NewPassword
      //do your stuff
      return View("Changesuccess");
     }

<input type =“submit”/>阻止复选框被选中

1 个答案: