0

在 IE9 中，此代码不会按预期更改按钮的大小...

<html><head>
<script language="JavaScript">
    function fun1()
    {
        alert("clicked");
        document.form1.chk1.disabled=true;
    }
    function m1()
        {
            document.form1.chk1.width=60;
        }
    function m2()
        {
            document.form1.chk1.width=40;
        }
</script>
</head><body>
<form name="form1"><!-- creating radio button group -->
    <input type="button" name="chk1" value="red" onClick="fun1()"
    onMouseOver="m1()" onMouseOut="m2()">
</form>
</body></html>
4

2 回答 2

1

好吧，您的代码中缺少此样式属性。尝试更换这个

document.form1.chk1.style.width="60%";

这对我有用

于 2012-05-28T09:40:44.867 回答
1

您的代码不仅在 IE9 中有效，而且在例如 FF13 和 Chrome19 中也无效。要解决此问题，您可以尝试将您的m1()和m2()功能替换为：

function m1()
{
    document.form1.chk1.style.width=60+"px";
}
function m2()
{
    document.form1.chk1.style.width=40+"px";
}​
于 2012-05-28T09:42:18.897 回答