當前位置:首頁 » 網購平台 » 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 必有怎麼刪除購物車商品

是哪個網站的購物車。一般是登陸賬號點擊我的購物車,在商品後面或者上面下方都有刪除的標志