Question

我正在创建一个带有JQuery Mobile UI的MVC4项目。

这是我的登录表单：

Login Form

这是我的html中的<form>：

    <form action="/Account/Login/" method="post">
    <ul>
        <li>
            @Html.Label("User name:")
            @Html.TextBox("userName")
        </li>

        <li>
            @Html.Label("Password")
            @Html.Password("password")
        </li>
        <li>
            <input type="checkbox" name="rememberme" id="remember" />
            <label for="remember">Remember me</label>
        </li>
        <li>
            <input type="submit" value="Login" />
            @{if (ViewBag.LoginFailed)
              {
                <br />
                <b style="color: red;">Username and/or password was not correct. please try again.</b>
              }
            }
            <br />
            <br />
            Not registered? <a href="/Account/Register">Click here</a> to create an account!
        </li>
    </ul>
    </form>

我的问题是：当我点击Remember me标签或复选框时，复选框仍然未选中...

如何解决这个问题??

编辑： This是来自mvc的完整输出html，This是我的style.css文件，而this是DOM中生成的代码。

（我的项目自一个月前开始更改，因此这些输出与屏幕截图略有不同。但复选框仍无效...）

Answer 1

我刚刚使用jsfiddle尝试过，我们知道Asp.Net MVC不会更改输出中的HTML标记。但我也在MVC4应用程序中尝试过它并且它有效。您可以看到结果here。

您的浏览器可能与jquery mobile存在问题，如果您使用的是Chrome，则可以使用Google Chrome的开发工具查看错误（如果存在）（右键单击页面并点击{{1 }}）。

<强>更新

您的更新会为我们提供输出文件。我在jsfiddle复制了它，它也有效。问题不是来自inspect element，HTML或其他编程工具。我认为这是因为你的系统。

Checkbox检查状态在JQuery Mobile中没有变化

1 个答案: