Click me Only Once - jQuery

I have seen a very frequently asked question by developers – How to execute an event only once. With jQuery, achieving this requirement is very simple using One

Here’s how:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Click me once only</title>
    <script type="text/javascript"
    src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js">
    </script>
    <script type="text/javascript">
        $(function() {
            $("#Submit1").one('click', function() {
                $(this).val("No more alerts");
                alert('');
            });
        });
    </script>
</head>
<body>
    <input id="Submit1" type="submit" value="submit" />
</body>
</html>


In the code shown above, the click event is fired only once and the alert is displayed. All subsequent clicks will do nothing

Live Demo

No comments:

Post a Comment