如何在html中创建自定义弹出框,每个按钮有两个按钮和操作

时间:2014-08-26 06:58:31

标签: javascript html

关于如何使用两个按钮“停用”和“删除”来制作自定义HTML弹出框(不是弹出窗口)的任何想法。当用户单击任一按钮时,应捕获相应的操作。请帮忙。提前谢谢。

3 个答案:

答案 0 :(得分:1)

尝试以下链接将使用不同的示例

回答您的问题

http://codepen.io/sawyer22/pen/lAcek

http://codepen.io/stursby/pen/bpoAr

enter code here

谢谢

答案 1 :(得分:0)

可能会有所帮助.. jQuery modal popup

由于

答案 2 :(得分:0)

<强> HTML

<div style="display:hidden; width:333px; height:333px; background-color:red;" id="popupBox">
    <input type="button" id="deleteBtn" value="Delete"/>
    <input type="button" id="deactivateBtn" value="Deactivate"/>
</div>

<强> JQUERY

$(document).ready(function()
{
    $("#popupBox").show();

    $("#deleteBtn").click(function()
    {
        //handle button
    });

    $("#deactivateBtn").click(function()
    {
        //handle button
    });
});

或者当您点击按钮时:

<强> HTML

<input type="button" id="triggerPopupBox" value="Trigger"/>

<强> JQUERY

$("triggerPopupBox").click(function()
{
    $("#popupBox").show();
});