Jquery Plus /减号增量器
我想要一个客户端Plus / Minus系统，用户可以点击加号，一个值加1，减去值，值减1，该值不应低于零，应该从0开始。是否有一种简单地在jquery中执行此操作的方法？ 所有jquery插件都会查看此操作的OTT位。
任何帮助表示赞赏，ta。
像这样的东西：
HTML：
- 0 + 使用Javascript：
$(function(){ var valueElement = $('#value'); function incrementValue(e){ valueElement.text(Math.max(parseInt(valueElement.text()) + e.data.increment, 0)); return false; } $('#plus').bind('click', {increment: 1}, incrementValue); $('#minus').bind('click', {increment: -1}, incrementValue); });
var currentValue = 0; $(document).ready(function() { $('#up').click(function() { currentValue++; }); $('#down').click(function() { if (currentValue > 0) { currentValue--; } }); });
将currentValue放在文本字段或其他元素中将是微不足道的。
这实际上内置于jQuery中 – http://jqueryui.com/spinner/
当然可以，例如：
- 0 +
jquery部分
// initialize counter var counter = 0; // set the + functionality $('#plus').click( function(){$('#display').html( ++counter )} ); // set the - functionality $('#minus').click( function(){$('#display').html( (counter-1<0)?counter:--counter )} ); // initialize display $('#display').html( counter );
和HTML部分
+ -
5 $('#plus').click(function() { changeValue(1); }); $('#minus').click(function() { changeValue(-1); }); function changeValue(val) { var container = $('#value'); var current = parseInt(container.html(), 10); container.html(Math.max(0, current + val).toString()); }
一个非常简单的方法，没有JQuery这样做…
这是我非常复杂的版本，你需要将类“mkdminusplus”提供给你的div：
然后添加
我已经使用了按钮的引导图标，但你也可以硬编码 – 和+一样！ ;-)希望它会帮助别人！