当前位置:首页 > 日记 > 正文

javascript实现购物车的基本功能

javascript实现购物车的基本功能
javascript购物车最基本的功能,有一定的参考价值,有兴趣的小伙伴可以参考一下。

表{
边界塌陷:塌陷;
}
TH {
宽度:80px;
身高:30px;
}
TD {
文本对齐:中心;
行高:30px;
}

选择
商品
价格


操作

焖鸡饭1




+

删除

焖鸡饭2
二十



+
二十
删除

窗口。指针函数(){
无功checkedall = document.getelementbyid(checkedall )
VaR TB = document.getelementbyid(结核)
无功oinput = tb.getelementsbytagname(输入的)
无功建= document.getelementsbyclassname(气血的)
VaR家= document.getelementsbyclassname('jia)
var = tb.getelementsbytagname院(A)
console.log(院)

选择
checkedall。onclick =函数(){
对于(var i = 0;i < oinput.length;i++){
我oinput { }。检查= this.checked
}
}
当有一个较低的未选中的,然后选择所有按钮的虚假状态。
对于(var i = 0;i < oinput.length;i++){
我oinput { }。onclick =函数(){
VaR QX =真
对于(var i = 0;i < oinput.length;i++){
如果(oinput {我}。检查= = false){
QX = false
}
}
checkedall选中QX。

}
}
checkedall。onclick =函数(){
对于(var i = 0;i < oinput.length;i++){
我oinput { }。检查= this.checked
}
}

对于(var i = 0;i < oinput.length;i++){
我oinput { }。onclick =函数(){
VaR QX =真;
为(i = 0;i < oinput.length;i++){
如果(oinput {我}。检查= = false){
QX = false
}
}
checkedall选中QX。

}
}

添加
对于(var i = 0;i < jia.length;i++){
家{我}。onclick =函数(){
/ / PreviousSibling兄弟节点
VaR值= parseInt(这个。PreviousSibling。PreviousSibling。值);
this.previoussibling.previoussibling.value = val + 1;
Jisuan(本)
}

}
还原
对于(var i = 0;i < jian.length;i++){
建{我}。onclick =函数(){
/ /兄弟的下一个兄弟节点
VaR值= parseInt(这个兄弟。兄弟。值);
如果(瓦尔> 1){
this.nextsibling.nextsibling.value =价值1;
}
Jisuan(本)
}
}
删除操作

对于(var i = 0;i < shanchu.length;i++){
我院{ }。onclick =函数(){
VaR conf =确认(你想删除此项目吗);
/ /父节点的父节点
console.log(这个父节点的父节点。)
如果(conf){
/ / removechild删除节点
Tb.removeChild(这个父节点的父节点。);
}
}
}

价格
函数的Jisuan(T){
VaR TR = t.parentnode.parentnode
VaR结果= document.getelementbyid(结果)
VaR技术tr.getelementsbytagname('td)
TD { 4 }。getElementsByTagName('span){ 0 } .innerHTML = parseInt(TD { 2 }。innerHTML)* parseInt(t.parentnode.getelementsbytagname(输入的){ 0 }。值)
}
}

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

相关文章

ps快速绘制图标

ps快速绘制图标

图标,绘制,快速,电脑软件,ps,今天的教程是教你画一个漂亮的图标,当然不难,主要是使用图层样式,熟练的话可以在15分钟内完成。让我们向小编辑器学习。 15分钟快速的画出一个快速的图标版本…

Bootstrap插件TreeView选择父节点

Bootstrap插件TreeView选择父节点

选择,父节点,插件,子节点,功能,项目需要实现权限管理和使用前端框架的引导,引导的TreeView扩展插件是直接选择第一个图片: 当选择父节点时,也会选择父节点下的所有子节点来查看代码。 1,HTML代码 TreeView的使用 2,JSON数据 功能gettvstateda…

PS如何设计一个简单的耳机图标

PS如何设计一个简单的耳机图标

图标,耳机,简单,电脑软件,PS,PS如何设计一个简单的耳机图标让我们来看一下用角工具和钢笔工具快速画图的方法。详情如下。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1。打开ps新文档以找到角工具 2…

PS过滤功能使铁树花效果的使用教程

PS过滤功能使铁树花效果的使用教程

使用教程,过滤,铁树,效果,功能,今天,使滤波器的铁树花效果的教程使用的主要工具,生产过程非常简单,请看下面的细节。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1、首次启动PS图象处理软件CS5,执行文件-新…

WindowsServer2012的安装配置方法

WindowsServer2012的安装配置方法

教程,安装配置,方法,电脑软件,Oracle12C,分享Oracle 12c的安装配置方法教程,详情如下 1。我们打开虚拟机 2、Windows服务器2012启动。 三.见Windows服务器2012的桌面。 4。我们将两个文件解压缩,winx64_12c_database_1of2.zip,winx64_12c_dat…

插画简单风格卡通飞机图标

插画简单风格卡通飞机图标

图标,插画,飞机,卡通,风格,今天,我想和大家分享一下插画的卡通图标设计,这是一个简单的风格。教程很简单,制作的图标非常漂亮。建议像你这样的朋友可以参考这篇文章并看一看。 步: 本教程结束,以上是插画绘制简单风格的卡通飞机图标教程,方法很…

在excel中使用除法函数公式的运算

在excel中使用除法函数公式的运算

运算,除法,函数,方法,公式,excel的计算功能非常强大。现在教你一个excel的除法公式是非常实用和方便的,以后你可以灵活使用它!今天,小编辑教你如何在excel中使用除法函数公式,希望能对你有所帮助! excel中除法函数公式的运算步骤 打开一个空白…

PS很快把胡戈变成一个好的水彩画效

PS很快把胡戈变成一个好的水彩画效

水彩画,效果,课程,胡戈,电脑软件,方法制作水彩人物画的方法非常简单:首先选择深色区域,用水彩材料重叠,先画水彩肖像;然后在背景区域添加一些水彩纹理;最后,根据喜好,调整色彩和清晰度。 最终效果: 主要过程: 1。选择人物的图片。 2,选择水彩颜料。…

旋转的在Word2010两方法

旋转的在Word2010两方法

方法,电脑软件,对于Word 2010文档中的图片,用户可以根据实际需要旋转所选图片,Word 2010文档中有多种旋转图片的方法。让我们与你在Word2010旋转图片的技巧分享,希望能帮助你。 Word2010旋转图片的方法1: 第一步:选择图片,将鼠标切换到功能区;格…

PS图象处理软件片段筛选

PS图象处理软件片段筛选

筛选,片段,图象,处理软件,电脑软件,PS图象处理软件作为图像处理工具的领导者,今天萧边教你PS图象处理软件片段使用过滤器。本教程是比较基础上的,希望能对你有所帮助! 对PS图象处理软件片段滤波器的使用介绍 如图所示,我们点击箭头的PS图象处…

双向数据绑定和数据的小程序,操纵微

双向数据绑定和数据的小程序,操纵微

数据绑定,操纵,数据,双向,程序,双向数据绑定和数据的小程序,操纵微信 双向数据绑定是JS数据变化部分是HTML数据部分的变化,当然,的HTML数据变化JS数据也可以改变的一部分,这样的接口是实现动态数据显示非常方便,前车架一般有双向数据绑定的MVVM…

MySQL查询使用concat函数功能的拼

MySQL查询使用concat函数功能的拼

查询,方法,函数,功能,电脑软件,如下所示: 表managefee_managefee / /年和月,使用concat函数作为year-month.for例,2017和1是拼写在2017-01 .. 选择concat(a.year,-,如果(a.month 对于managefee_managefee / 2017-01到2017-07数据查询时间 SELECT…