Display a Modal on button click using Jquery

Amit

I want to display my Modal on button click. Below is my code.

<input type="button" id="button1" value="Button" onclick="myFunction()"/>
<div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>
        <h2>
            Modal Box</h2>
        <p>
            Hello world</p>
    </div>
</div>

This is my unfinished script.

<script type="text/javascript">
    $(document).ready(function () { 

    });
</script>
Tushar

show openModal div on button1 click.

$('#button1').on('click', function() {
    $('#openModal').show();
});

No need of onclick="myFunction()" on button

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

jQuery modal will not display when I click button

From Dev

How to display a partial view as a popup/modal on button click using bootstrap or jquery?

From Dev

How to display jquery modal popup on mvc 4 button click

From Dev

Bootstrap Modal Button Click jquery

From Dev

ASP.net Button on click not firing using Jquery Modal Dialog

From Dev

Get table row id on button click of modal box using jQuery

From Dev

Bootstrap jQuery Modal not loading on button click

From Dev

Button click execute 2 times on modal jquery

From Dev

Display specific row data in bootstrap modal with edit button click

From Dev

How to display a difference modal popup According to click button

From Dev

how to pop display a modal upon click of a button nested in a loop

From Dev

Programmatically click a button using jquery

From Dev

Programmatically click a button using jquery

From Dev

Click Gridview button using jQuery

From Dev

Display table on button click using ajax

From Dev

Modal Button Click Event

From Dev

Display the file upload percentage in text box with progress bar on click browse button using jquery,javascript and html

From Dev

Catch event click on button inside a modal created by jquery

From Dev

Map is getting appended to modal-body for each button click: jQuery

From Dev

jQuery Modal popup dialog ok button click event

From Dev

Catch event click on button inside a modal created by jquery

From Dev

Display button on button click

From Java

Click button copy to clipboard using jQuery

From Dev

Hide/Show Div on button click using Jquery

From Dev

How to clear effect of a click button using jquery

From Dev

Prevent second button click using jQuery

From Dev

Download image on button click using jQuery

From Dev

Open new tab on button click using JQUERY

From Dev

Delaying the Submit button click using Jquery

Related Related

  1. 1

    jQuery modal will not display when I click button

  2. 2

    How to display a partial view as a popup/modal on button click using bootstrap or jquery?

  3. 3

    How to display jquery modal popup on mvc 4 button click

  4. 4

    Bootstrap Modal Button Click jquery

  5. 5

    ASP.net Button on click not firing using Jquery Modal Dialog

  6. 6

    Get table row id on button click of modal box using jQuery

  7. 7

    Bootstrap jQuery Modal not loading on button click

  8. 8

    Button click execute 2 times on modal jquery

  9. 9

    Display specific row data in bootstrap modal with edit button click

  10. 10

    How to display a difference modal popup According to click button

  11. 11

    how to pop display a modal upon click of a button nested in a loop

  12. 12

    Programmatically click a button using jquery

  13. 13

    Programmatically click a button using jquery

  14. 14

    Click Gridview button using jQuery

  15. 15

    Display table on button click using ajax

  16. 16

    Modal Button Click Event

  17. 17

    Display the file upload percentage in text box with progress bar on click browse button using jquery,javascript and html

  18. 18

    Catch event click on button inside a modal created by jquery

  19. 19

    Map is getting appended to modal-body for each button click: jQuery

  20. 20

    jQuery Modal popup dialog ok button click event

  21. 21

    Catch event click on button inside a modal created by jquery

  22. 22

    Display button on button click

  23. 23

    Click button copy to clipboard using jQuery

  24. 24

    Hide/Show Div on button click using Jquery

  25. 25

    How to clear effect of a click button using jquery

  26. 26

    Prevent second button click using jQuery

  27. 27

    Download image on button click using jQuery

  28. 28

    Open new tab on button click using JQUERY

  29. 29

    Delaying the Submit button click using Jquery

HotTag

Archive