html.textbox javascript/jquery

Question

我有下面的 ajax 表单。在表格中，我有 2 个文本框。有一个单选按钮可以在解锁和重置密码之间进行选择。我在这里要做的就是如果我选择解锁密码标签并且文本框应该消失。仅当标签和文本框是纯 html 时，我才能使用以下 javascript 函数执行此操作。如果我这样做，那么 Ajax 不会获取密码的值。非常感谢您的帮助。

<input name="rblTooType" value="Unlock" type="radio" checked="checked" onclick="rblToolType_OnChange(true)" />Unlock
<input name="rblTooType" value="reset" type="radio" onclick="rblToolType_OnChange(false)" />reset Password 

@using(Ajax.BeginForm("Search","User",new AjaxOptions { 
                UpdateTargetId = "divResults"      
            })){   
            @Html.Label("UserName")
        @Html.TextBox("term")
        @Html.Label("Password")
        @Html.TextBox("Password")
    <input id="btnSubmit" type="submit" value="Unlock"/>
    }

    <script type="text/javascript">
        function rblToolType_OnChange(isUnlock) {
            if (isUnlock) {
                Password.style.display = "none";
                btnSubmit.value = "Unlock";
            }
            else {
                Password.style.display = "";
                btnSubmit.value = "reset Password";
            }
        }
    </script>

Answer 1

您似乎依赖于 IE 的一个老怪癖，其中元素名称和 id 被添加为全局变量。依赖它是不好的做法，因为其他浏览器不支持它（从一开始就是一个非常糟糕的主意）。正确引用您的表单元素，它应该可以工作。例如

    function rblToolType_OnChange(isUnlock) {
        var form = document.forms['<form name>']
        if (isUnlock) {
            form.Password.style.display = "none";
            form.btnSubmit.value = "Unlock";
        }
        else {
            form.Password.style.display = "";
            form.btnSubmit.value = "reset Password";
        }
    }