超好用的javascript 实现右加左减

最新推荐文章于 2025-07-22 15:31:58 发布

chomn86880

最新推荐文章于 2025-07-22 15:31:58 发布

阅读量157

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3291736/blog/843881

本文介绍了一个简单的JavaScript实现的购物车商品数量增减功能。通过点击加号或减号图标来改变输入框内的商品数量，实现了基本的交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS代码：
"text/javascript">
//点击+号图，数量+1
function Plus(obj) {
var i = $(obj).siblings("input");
i.val(parseInt(i.val()) + 1);
}
//数量-1
function Reduce(obj) {
var i = $(obj).siblings("input");
if (i.val() > 1) {
i.val(i.val() - 1);
}
}
<div class="divcolumn">
<ul>
<li> <%# eval_r("GoodsID")%></li>
<li> <%# eval_r("GoodsName").ToString().Substring(0,5)%></li>
<li> <%# eval_r("GoodsPrice")%></li>
<li>
<a href="javascript:void(0)" onclick="javascript:Reduce(this)"><img src="Images/bag_close.gif" alt="" /></a>
<input type="text" readonly="readonly" style="width: 15px; border:1px solid gray;" value="2" />
<a href="javascript:void(0)"onclick="javascript:Plus(this)"><img src="Images/bag_open.gif" alt="" /></a>
</li>
<li>删除</li>
<li>查看</li>
</ul>
</div>