`
Anddy
  • 浏览: 198086 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

购物车JS

    博客分类:
  • CSS
 
阅读更多
function addTo(obj){

var basket = document.getElementById("basket");
var ishave=false;//ishave判定是否有相同的书在购物车中
var rows = basket.getElementsByTagName("tr");

for(i=0;i<rows.length;i++){


    cols = rows[i].getElementsByTagName("td")
    if(cols[0].innerHTML==obj.parentNode.parentNode.getElementsByTagName("p")[0].innerHTML){
        ishave=true;
    }
}
if(ishave){
    alert("had added");
    return;
}
var tr1 = document.createElement("tr");
tr1.setAttribute("border", "double");
var td1 = document.createElement("td");
var td2= document.createElement("td");
var td3 = document.createElement("td");
var bookname = obj.parentNode.parentNode.getElementsByTagName("p")[0].innerHTML;
var name = document.createTextNode(bookname);
var bookprice =obj.parentNode.parentNode.getElementsByTagName("p")[1].innerHTML;
var price = document.createTextNode(bookprice);
var button = document.createElement("input");
button.type='button';
button.value='delete';
button.onclick=function(){delet(this)};
td1.appendChild(name);
td2.appendChild(price);
td3.appendChild(button);
tr1.appendChild(td1);
tr1.appendChild(td2);
tr1.appendChild(td3);
basket.appendChild(tr1);


addToCart(bookname,bookprice);
}

function delet(obj){
    
 obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);
}
 
分享到:
评论

相关推荐

    购物车js代码_JS实现购物车商品列表结算功能代码.rar

    这个“购物车js代码_JS实现购物车商品列表结算功能代码.rar”压缩包提供了一套JavaScript实现的购物车系统,旨在帮助开发者快速构建具有这些功能的前端界面。 首先,我们来看“购物车功能”的主要组成部分: 1. **...

    小米商城商品加入购物车js代码

    "小米商城商品加入购物车js代码"就是一个很好的实例,它展示了如何利用JavaScript实现用户点击商品后,商品能够动态地被添加到购物车的功能。这个功能常见于电商网站,使得用户可以方便快捷地管理他们想要购买的商品...

    商城购物车JS+JQUERY特效

    "商城购物车JS+JQUERY特效"是一个利用JavaScript(JS)和jQuery库实现的购物车动态效果的示例,旨在提升用户在添加商品、查看购物车、调整数量等操作时的视觉感受。 【描述】:“商城购物车JS+JQUERY特效” 这个...

    商城购物车功能JS插件

    1. **shoppingCart.html**:这可能是一个示例HTML文件,展示了如何在网页中集成和使用这个购物车JS插件。它包含了必要的HTML结构和插件引用,以便开发者参考和应用到自己的项目中。 2. **images**:这个文件夹很可能...

    当当购物车页面_当当购物车页面_html网页购物车_js当当购物车_

    3. JavaScript(JS):JavaScript是动态网页的核心,用于处理用户交互、更新页面内容、验证数据等。在购物车页面中,JavaScript的主要作用包括: - 动态更新:当用户修改商品数量或选择商品时,JavaScript可以实时...

    js购物车demo.zip

    JS购物车Demo展示了如何利用JavaScript来处理用户选择的商品、数量、价格等信息,以及如何实现商品的添加、删除、更新和结算功能。这个案例涉及到的主要知识点包括: 1. **DOM操作**:JavaScript通过Document ...

    js cookie 购物车

    JavaScript Cookie购物车是一种在浏览器端实现简单购物车功能的技术,主要利用了Web浏览器提供的Cookie机制。Cookie是由服务器发送到用户浏览器并存储在本地的一小块数据,它可以在用户下次访问同一网站时被读取,...

    蔚蓝网购物车js代码

    属于北大青鸟S2jQuery这本书的最后一章蔚蓝网项目中的购物车的js代码

    小米购物车的实现代码

    这个"小米购物车的实现代码"项目,利用CSS、JavaScript等前端技术,旨在创建一个既功能齐全又视觉上吸引人的购物车界面。下面我们将详细探讨其中涉及的关键知识点。 首先,**CSS(Cascading Style Sheets)**是用于...

    当当网上书店案例代码+css+js+images

    在JavaScript中,可以使用数组来模拟购物车的数据结构,存储商品ID、数量等信息。用户点击添加到购物车时,通过事件监听和回调函数实现商品的增删。同时,购物车页面需实时显示商品总价和数量,这就需要用到DOM操作...

    js+cooike实现购物车

    在本文中,我们将深入探讨如何使用JavaScript(JS)与Cookie技术来实现一个简单的网站购物车功能。购物车是电子商务网站的核心组成部分,它允许用户选择商品并暂存,以便于后期结算。JavaScript作为客户端脚本语言,...

    javascript实现简易购物车(高手勿喷)

    在本项目中,我们主要探讨如何使用JavaScript实现一个简单的购物车功能。JavaScript是一种广泛用于网页交互的编程语言,尤其在动态网页开发中扮演着重要角色。在这个实例中,我们将关注如何利用JavaScript操作HTML...

    jQuery模仿京东商城购物车

    首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在模拟京东商城购物车的过程中,jQuery的强大功能将得到充分展现。 1. **DOM操作**:jQuery提供了简洁的API...

    原生js小米商城点击商品加入购物车代码

    这篇文章将深入探讨如何使用JavaScript(JS)这一前端核心技术来实现商品添加到购物车的功能。JavaScript允许我们动态地更新网页内容,使得用户体验更加流畅和直观。 首先,我们需要一个数据结构来存储商品信息。...

    模仿淘宝网购物车纯JS实现

    在本项目中,我们主要探讨如何使用纯JavaScript(JS)技术来实现一个功能完善的购物车系统,模拟淘宝网的购物体验。购物车是电子商务网站的核心组成部分,它允许用户选择商品并进行购买前的预览、数量调整以及删除...

    HTML5点击添加商品购物车代码.rar

    在这个案例中,jQuery被用来监听用户的点击事件,当用户点击添加到购物车按钮时,执行相应的逻辑,如将商品信息存储到JavaScript对象或本地存储中,同时更新购物车的总价。此外,jQuery也可以用来实现平滑的动画效果...

    js 购物车代码

    "js购物车代码"指的是使用JavaScript实现的购物车功能的源代码。 购物车的基本功能包括: 1. **添加商品**:用户点击“加入购物车”按钮时,JavaScript会捕获此事件,将商品信息(如ID、名称、价格、图片等)存储...

    用JavaScript开发购物车(含源代码)

    在JavaScript开发中,创建一个购物车功能是一项常见的任务,它涉及到网页动态交互和数据管理。在本项目中,我们将深入探讨如何使用JavaScript实现一个基本的购物车系统,同时结合Asp.net作为后端支持。 首先,...

    原生js实现小米官网购物车功能

    在本项目中,我们将探讨如何使用原生JavaScript和CSS来实现类似小米官网的购物车功能。这个功能包括商品的添加、删除、数量增减以及总价的实时计算。下面将详细介绍这些核心知识点。 首先,我们需要创建HTML结构来...

    js+cookie购物车

    **文件列表中的 "js+cookie购物车"** 这个文件很可能是包含示例代码的资源,包括 JavaScript 文件和可能的 HTML 模板,用于演示如何结合使用 JavaScript 和 Cookie 实现购物车功能。你可以下载并研究这些文件,以更...

Global site tag (gtag.js) - Google Analytics