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 }。值)
}
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。