当前位置:首页 » 网购平台 » jquery购物车删除按钮
扩展阅读
宁波奥德赛优惠价格 2021-03-15 14:26:02
丹尼斯购物卡能挂失么 2021-03-15 14:25:58
淘宝购物指纹验证失败 2021-03-15 14:24:44

jquery购物车删除按钮

发布时间: 2021-03-14 12:31:33

① 关于jQuery,想要实现一个类似于购物车的功能。但是在将商品添加了以后,无法在购物车中删除,请问和解

因为second中初始是没有li的,所以点击事件没注册上去,应改为:
$("#second li").live("click", function() {
$(this).remove();

});

② 怎么用jQuery实现点击按钮后删除某个元素

点击按钮后删除某个元素可用如下jQuery代码实现

$("input:button").click(function(){
$(selector).remove();//$(selector)通过选择器表示要删除的元素,remove()函数用以删除元素
});

实例演示:点击按钮后删除复选框勾选的元素

  1. 创建Html元素

    <divclass="box">
    勾选元素后,点击按钮删除<br>
    <divclass="content">
    <inputtype="checkbox"name="item"><span>萝卜</span>
    <inputtype="checkbox"name="item"><span>青菜</span>
    <inputtype="checkbox"name="item"><span>小葱</span><br>
    <inputtype="checkbox"name="item"><span>豆腐</span>
    <inputtype="checkbox"name="item"><span>土豆</span>
    <inputtype="checkbox"name="item"><span>茄子</span>
    </div>
    <inputtype="button"value="删除">
    </div>
  2. 设置css样式

    div.box{width:300px;height:200px;padding:10px20px;border:4pxdashed#ccc;}
    div.content{width:250px;height:80px;margin:10px0;}
    input{margin:10px;}
    input[type='button']{width:200px;height:35px;margin:10px;border:2pxsolid#ebbcbe;}
  3. 编写jquery代码

    $(function(){
    $("input:button").click(function(){
    $("input:checkbox:checked").each(function(){
    $(this).next("span").remove();
    $(this).remove();
    });
    });
    })
  4. 观察效果

  • 选择待删除的项目

③ jquery问题购物车加减按钮

因为一个页面中只能存在一个 id 为 add 的元素,根据你现在的代码,如果有10行记录,那就会有10个 id 为 add 的 input。

所以你要把这些 input 的 id 都改为 class,text_box 的值也要根据每次点击来判断

<input class="min" name="" type="button" value="-" />
<input class="text_box" name="goodnum" type="text" value="${item.value.quantity }" style="width:25px;" />
<input class="add" name="" type="button" value="+" />

$(".add").click(function() {
// $(this).prev() 就是当前元素的前一个元素,即 text_box
$(this).prev().val(parseInt($(this).prev().val()) + 1);
setTotal();
});

$(".min").click(function() {
// $(this).next() 就是当前元素的下一个元素,即 text_box
$(this).next().val(parseInt($(this).next().val()) - 1);
setTotal();
});

④ jquery 购物车加减按钮问题

没反映,你就一步步调试,先在 min 方法内 alert(numm) 看看有没有值,("#"+num).val(parseInt(numm)-1); 前面 加 $ 符号,这个属于语法错误回,之后看看 一步答步 弹出 值 ,慢慢改

⑤ 很奇怪的js,ajax的问题,关于添加到购物车及点击删除的,就类似京东商城的那样。

初步怀疑你的删除事件绑定有问题:新加入的DOM元素未绑定到事件。这种情况版应该使用事件委派来做,权你用 jQuery 吗?假设你的购物车列表的 HTML 结构如下:

<ulid="cartList">
<li>
购物车商品1
<button>删除</button>
</li>
<li>
购物车商品2
<button>删除</button>
</li>
……
</ul>

则删除购物车商品的代码为(用了 jQuery):

$('#cartList').on('click','button',function(){//委派button的点击事件
$(this).parent().remove();//移除购物车里当前商品
});

⑥ 如何用jquery实现购物车加减

直接删除就是了。不过现在都在赛客宝贝街购物。正品,选择多。

⑦ jquery点击哪个按钮,就删除哪个按钮

$("#bt1").click(function(){
this.remove();//$(selector)通过选择器表示要删除的元素,remove()函数用以删除元素
});

⑧ 关于jquery按钮的添加删除操作 求解答


$("#delete").on('click',function(e){
e.preventDefault();
$('p:last').remove();
});

⑨ 如何用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>无标题文档</title>
</head>

<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function on_del_click(cookie_name,obj)
{
//这里本人不知道怎么写
obj.parentNode.removeChild(obj)
document.cookie = cookie_name+"=";
//deleteCookie(cookie_name);
window.open("123.asp", "_self", "");
return false;
}
//-->
</SCRIPT>

<form action='ok.asp' method='post'>

aaa:<input type='button' onclick='return on_del_click("aaa",this);' value="aaa"><br>
bbb:<input type='button' onclick='return on_del_click("bbb",this);' value="bbb"><br>
ccc:<input type='button' onclick='return on_del_click("ccc",this);' value="ccc">
</form>

</body>
</html>

⑩ 购物车删除商品jquery 必有怎么删除购物车商品

是哪个网站的购物车。一般是登陆账号点击我的购物车,在商品后面或者上面下方都有删除的标志