博客编辑问题

时间:2014-10-08 04:21:14

标签: javascript jquery html counter

我是一名新手博客,我想在我的博客上创建一个计数器,当我在网上搜索了很长时间后点击该按钮时会增加价值我想出了这个结果

        

    <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#AddButton').click( function() {
                var counter = $('#TextBox').val();
                counter++ ;
                $('#TextBox').val(counter);
            });
        });
    </script>

现在我需要的是人们可以点击按钮两次,所以我想确保一个人只能从浏览器点击一次,并且该值至少应该保存在文本框中,即使对于其他人,请帮助我...

1 个答案:

答案 0 :(得分:0)

使用一个选项来防止多次点击。

    <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#AddButton').one( "click", function() {
                var counter = $('#TextBox').val();
                counter++ ;
                $('#TextBox').val(counter);
            });
        });
    </script>