jQuery简单实现点击加减表单值

作者:norion时间:2012年5月24日评论次数:0 条

而今电子商务网站发展迅速,大多电子商务网站购物车页面,都有通过点击来增减商品数量的功能,现在的在做的项目也遇到这样一个功能需求。

表单值加减

实现的功能:

1、可通过点击增加或减小定义的input值;

2、可手动输入input值;

jQuery代码:

//购买的数量加减
jQuery("#buy_less").click(function () {
	buy_num = jQuery("#buy-num").val();
	if (buy_num = 999) {
		alert("购买数量不能大于999!");
	} else {
		jQuery("#buy-num").val(buy_num + 1);
	}
});

html代码:

<a href="#btn" id="buy_less" class="productdetail-buy-num-btn" rel="nofollow">-</a>
<input type="text" value="1" id="buy-num" />
<a href="#btn" id="buy_add" class="productdetail-buy-num-btn" rel="nofollow">+</a>

若有bug,请以评论形式及时反馈~

标签:

上一篇: timthumb.php怎么使用其他域名的图片

下一篇:单独一个img标签实现水平居中

相关文章

评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注