window.onload=function(){ var carTable=document.getElementById('cartTable');//表格 var tr=carTable.children[1].rows; var checkllAll=document.getElementsByClassName('check-all');//全选 var checkinput=document.getElementsByClassName('check');//单选框 var selectedTable=document.getElementById('selectedTotal');//商品个数 var pricea=document.getElementById('priceTotal');//商品价钱 var selecteda=document.getElementById('selected');//f已选商品 var foota=document.getElementById('foot');//f foot底部隐藏改变的 var selectedViewList=document.getElementById('selectedViewList');//浮层隐藏内容填写的地方 //商品个数，商品价钱 function goss(){ var zahlder=0;//个数 var derprice=0;//价钱,根据所在的td var HTMLstc=""; for(var j=0;j<tr.length;j++){ if(tr[j].getElementsByTagName('input')[0].checked) //当前复选框被选中 { HTMLstc='<div><img src="'+tr[j].getElementsByTagName('img')[0].src+' "/><span class="del" index="' + j + '">取消选择</span></div>' zahlder+=parseInt(tr[j].getElementsByTagName('input')[1].value); derprice+=parseFloat(tr[j].cells[4].innerHTML); } } selectedViewList.innerHTML=HTMLstc; selectedTable.innerHTML=zahlder; pricea.innerHTML=derprice.toFixed(2); } //全选 for(var i=0;i<checkinput.length;i++){checkinput[i].onclick=function(){ if(this.className=='check-all check') { for(var k=0;k < checkinput.length;k++) { checkinput[k].checked=this.checked; } } if(this.checked==false){//如果当前的勾选状态为未勾选 for(var m=0;m<checkllAll.length;m++){ checkllAll[m].checked=false; } } goss();} } //预览浮层原理控制foot selecteda.onclick=function(){ if(foota.className=='foot'){ foota.className='foot show' }else{ foota.className='foot'; } }}
