Javascript 如何按按钮统计动态提交
我有这样的html结构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'
乔克:
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);