0

私は以下の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>
4

1 に答える 1

0

あなたは、要素名とIDがグローバル変数として追加されたIEの古い癖に依存しているようです。他のブラウザはそれをサポートしていないので、それに依存するのは悪い習慣です（最初から非常に悪い考えでした）。フォーム要素を正しく参照すると、機能するはずです。例えば

    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";
        }
    }
于 2011-04-07T00:55:40.573 に答える