此脚本显示none对chrome不起作用

时间:2012-10-17 13:27:23

标签: javascript html css webforms

我有一个页面,用户必须在其中检查单选按钮 - 如果他是新用户,则会将其重定向到其他页面。

如果他是现有用户且他选中此按钮,则会显示2个框:usernamepassword

由于某些原因,此脚本不适用于chrome。

感谢您的帮助

<script>
    function dispLoing(val)
    {
        var obj = document.getElementById ? 
                     document.getElementById("loginForm").style :
                     document.all ?
                         document.all.loginForm :
                         document.loginForm;

        if (val == "new")
        {
            document.all.login(0).checked = true;
            obj.display = "none";
        }

        if (val == "existing")
        {
            document.all.login(1).checked = true;
            obj.display = "";
        }
    }
</script>

<td>
    <span id = "loginForm" style = "position: relative; top: 0px; left: 0px;
                                    z-index:80; display:none;">
        <table border=0>
            <tr>
                <td>
                    <font style = "font-size: 14px">Username:</font>
                </td>
                <td>
                    <input type = "text" name = "username" 
                          style = "width: 100px; height:17px; font-size: 12px;">
                </td>
            </tr>
            <tr>
                <td>
                    <font style = "font-size: 14px">Password:</font>
                </td>
                <td>
                    <input type = "password" name = "pass"
                          style = "width: 100px; height: 17px; font-size: 12px;">
                </td>
            </tr>
        </table>
    </span>

1 个答案:

答案 0 :(得分:3)

document.all是专有的Microsoft垃圾,仅在您需要支持IE 4时才有用。现在可以安全地假设支持document.getElementById

分配obj时,在尝试使用它之前,请先测试它是否存在。

在你的两个if语句中,你盲目地使用它。这会导致脚本在到达obj.display行之前死亡。

function dispLoing(val) {
    var frm = document.getElementById("loginForm");
    var radios = frm.elements.login;
    if (val === "new") {
        radios[0].checked = true;
        frm.style.display = "none";
    } else if (val === "existing") {
        radios[1].checked = true;
        frm.style.display = "";
    }
}