首页 > 代码库 > js实现购物车数量的增加与减少,js实现购物车数量的自增与自减
js实现购物车数量的增加与减少,js实现购物车数量的自增与自减
js实现购物车数量的增加与减少,js实现购物车数量的自增与自减
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js实现购物车数量的增加与减少,js实现购物车数量的自增与自减</title></head><body><center><table><tr><td>1</td><td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" value="" onblur="checknum(this)" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td></tr><tr><td>2</td><td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" value="" onblur="checknum(this)" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td></tr><tr><td>3</td><td><span onclick="changeNum(this,1)" style="cursor:pointer;">+</span><input type="text" value="" onblur="checknum(this)" /><span onclick="changeNum(this,-1)" style="cursor:pointer;">-</span></td></tr></table></center><script type="text/javascript">function checknum(obj){ if(obj.value >10){ obj.value = 10; alert(‘Max 10!‘); }}function changeNum(obj,num){ var input = getParent(obj).getElementsByTagName("input"); for(var i=0;i<input.length;i++) { if(input[i].type=="text") { if(input[i].value == "") input[i].value = num; else input[i].value = input[i].value - 0 + num; } if(input[i].value == "-1") input[i].value = 0; if(input[i].value == "11") input[i].value = 10; } }//获取父级对像function getParent(obj){ if(typeof(obj) != "object"){obj = document.getElementById(obj);} if(obj) return obj.parentElement || obj.parentNode;}</script></body></html>
js实现购物车数量的增加与减少,js实现购物车数量的自增与自减
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。