Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何按按钮统计动态提交_Javascript_Jquery - Fatal编程技术网

Javascript 如何按按钮统计动态提交

Javascript 如何按按钮统计动态提交,javascript,jquery,Javascript,Jquery,我有这样的html结构 乔克: 1. 如果我单击第一个按钮(减号),它必须向前计数,或者如果我单击第二个按钮(加号),它必须计数。jquery怎么可能进行计数 $('.kisi-up').click(function(){ $('.kisi-sayi-text').html(parseInt($('.kisi-sayi-text').html())+1); }); 减法 $('.kisi-down').click(function(){ $('.kisi-sayi-text'

我有这样的html结构


乔克:
1.
如果我单击第一个按钮(减号),它必须向前计数,或者如果我单击第二个按钮(加号),它必须计数。jquery怎么可能进行计数

$('.kisi-up').click(function(){
   $('.kisi-sayi-text').html(parseInt($('.kisi-sayi-text').html())+1);
});
减法

$('.kisi-down').click(function(){
   $('.kisi-sayi-text').html(parseInt($('.kisi-sayi-text').html())-1);
});
试试这个:

      $(document).ready(function () {
        function Counter(counterElement) {
            var counterElementValue = Number(counterElement.text());

            function setCounter(counterValue) {
                counterElement.text(counterValue);
            }

            return {
                add: function () {
                    setCounter(++counterElementValue);
                },
                subtract: function () {
                    setCounter(--counterElementValue);
                }
            }
        };

        var counter1 = new Counter($('.kisi-sayi-text'));

        $('.kisi-down').on('click', function () {
            counter1.subtract();
        })
        $('.kisi-up').on('click', function () {
            counter1.add();
        })
    });
如果需要,可以创建几个计数器


希望这对您有所帮助

请展示您的尝试。这并不难,至少要有一个编码的起点,stackoverflow不是一个代码编写服务应该总是使用基数参数,不确定downvote,但不确定为什么你回答了这个问题,没有投票给closeIMO,这个人(提问者)在我看来是新的初学者,所以最好是支持,而不是关闭或关闭投票。你们不知道这一点,这个问题是否符合网站指南?没问题,很高兴能帮助你,但我建议在问任何问题之前先用谷歌搜索一下。很可能你会从中找到一些帮助。你认为,这是一个相关的答案吗?我认为是的,这解决了他的问题,也可以重用它来创建几个计数器。它工作得很好,但它只工作一个我有三个计数箱,它必须工作所有计数箱
var minus = $('.kisi-down:eq(0)'),
plus = $('.kisi-up:eq(0)'),
label = $('.kisi-sayi-text:eq(0)'),
counter = Number(label.html());

function count(isUp) {
    isUp ?counter++:counter--;
    label.html(counter);
};

function up(){
    count(true);
}

function down(){
    if(counter >0) count(false);
}

plus.on('click',up);
minus.on('click',down);
var minus = $('.kisi-down:eq(0)'),
plus = $('.kisi-up:eq(0)'),
label = $('.kisi-sayi-text:eq(0)'),
counter = Number(label.html());

function count(isUp) {
    isUp ?counter++:counter--;
    label.html(counter);
};

function up(){
    count(true);
}

function down(){
    if(counter >0) count(false);
}

plus.on('click',up);
minus.on('click',down);