Javascript HTML按钮一次点击两个…如何防止

我正在创建按钮以最小化/还原/屏幕分割。我有三个按钮，一个用于最小、还原/最大和关闭。“关闭”按钮工作正常，但“最小”和“恢复”按钮的行为很有趣。当我点击restore时，min按钮会变大并最小化

<div id='<%= request.getParameter("id") %>' class='window'>
    <div id='header' class='header'>
        <label id='title'><%= request.getParameter("title") %></label>
        <label>
            <button id='restore' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
            <button id='restore' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>&Dagger;</button>
            <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
        </label>
    </div>
    <div id='content' class='content'>

    </div>
    <div id='footer' class='footer'>

    </div>
</div>

<script>
function Minimize<%= request.getParameter("id") %>()
{
    if (minimized == false)
    {
        orig_width = $("#<%= request.getParameter("id") %>").width();
        orig_height = $("#<%= request.getParameter("id") %>").height();

        $("#<%= request.getParameter("id") %>").width(200);
        $("#<%= request.getParameter("id") %>").height(30);

        minimized = true;
    }
}

function Restore<%= request.getParameter("id") %>()
{
    if (minimized == true)
    {
        $("#<%= request.getParameter("id") %>").width(orig_width);
        $("#<%= request.getParameter("id") %>").height(orig_height);

        minimized = false;
    }
}

function Close<%= request.getParameter("id") %>()
{
    $("#<%= request.getParameter("id") %>").remove();
    RemoveID(<%= request.getParameter("id") %>);
}
</script>

_
&匕首；
X
函数最小化（）
{
如果（最小化==false）
{
原始宽度=$（“#”）宽度（）；
原始高度=$（“#”）高度（）；
$（“#”）宽度（200）；
$（“#”）高度（30）；
最小化=真；
}
}
函数还原（）
{
如果（最小化==true）
{
$（“#”）宽度（原始宽度）；
$（“#”）高度（原始高度）；
最小化=错误；
}
}
函数关闭（）
{
$（“#”）删除（）；
删除（）；
}

您的两个按钮具有相同的id：

<label>
    <button id='resotre' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
    <button id='resotre' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>&Dagger;</button>
    <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
</label>

_
&匕首；
X

前两个按钮的id均为“resotre”。将其中一个更改为“最小化”（遵循当前约定），这应该会按照您的预期进行

<label>
    <button id='minimize' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
    <button id='resotre' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>&Dagger;</button>
    <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
</label>

_
&匕首；
X

您为还原和最小化按钮提供了相同的html id。id在文档中应该是唯一的。

问题是将按钮存储在标签中。不知道为什么，但我把它改成了内联块div，它修复了它

        <div class='buttons'>
            <button id='minimize' onclick='JavaScipt:Minimize<%= request.getParameter("id") %>();'>&#95;</button>
            <button id='resotre' onclick='JavaScipt:Restore<%= request.getParameter("id") %>();'>M</button>
            <button id='close' onclick='JavaScript:Close<%= request.getParameter("id") %>();'>X</button>
        </div>

_
M
X

嗯，不。。。您在问题中描述的问题是因为这两个按钮具有相同的id。将它们放在div中仍然会有相同的问题。否。这就是解决办法。点击与Id无关，尽管拥有唯一的Id是件好事。