jQuery实现简单的纯前端的购物车案例( 二 )


里面的()和()函数:
//合计函数function getSum(){var list=$(".check:checked");var allprice=0;for(var i=0;i
第四步 , 实现添加功能
需要注意的是 , 正常的购物车页面也是没有添加功能的 , 这里也是为了练习对的熟练掌握 。
这里我们的实现思路是点击添加按钮 , 跳页到一个新的窗口 。这里我们需要知道.open()方法 。详情请见 open() 方法 , 也就是父子页面进行数据的交换 。

jQuery实现简单的纯前端的购物车案例

文章插图
// An highlighted block>$(function(){$("#btn").click(function(){var name=$("#name").val();var pinpai=$("#pinpai").val();var chandi=$("#chandi").val();var price=$("#price").val();var list1={name:name,brand:pinpai,country:chandi,price:price};window.opener.list.push(list1);// console.log( window.opener.list);window.opener.$("table").children("tbody").children("tr").remove();window.opener.init( window.opener.list);window.opener.$("select").children("option").remove();window.opener.addselect();window.close();});})
全部代码:
主页面index.js代码:
$(function(){addselect();//动态给select添加option$("select").change(function(){optiontext=$(this).val();});$("#heji").text("合计:0");//默认为0//添加行init(list);//查询$("#chaxun").click(function(){chaxun();})//事件委托 , 解决检索后事件失效$("table").on('click',function(event){if(event.target.className=="sub"){var price=event.target.parentElement.previousElementSibling.innerText;var num=event.target.nextElementSibling.value-1;if(num<=0){event.target.parentElement.nextElementSibling.innerText=0;event.target.nextElementSibling.value=http://www.kingceram.com/post/0;getSum();}else{event.target.nextElementSibling.value=num;num--;event.target.parentElement.nextElementSibling.innerText=(num+1)*price;getSum();}}if(event.target.className=="add"){var price=event.target.parentElement.previousElementSibling.innerText;var num=parseInt( event.target.previousElementSibling.value) ;event.target.previousElementSibling.value= http://www.kingceram.com/post/num+1 ;event.target.parentElement.nextElementSibling.innerText=(num+1)*price;getSum()}if(event.target.className=="check"){getSum()}if(event.target.className=="checkall"){if($("#cbxAll").prop("checked")==true){$(".check").prop("checked",true);getSum();}else{$(".check").prop("checked",false);getSum();}}if(event.target.className=="del"){event.target.parentElement.parentElement.remove();getSum();}quanxuan();})$("table").on("focusout",function(event){if(event.target.className=="input_num"){var price=event.target.parentElement.previousElementSibling.innerText;var num=event.target.value;event.target.parentElement.nextElementSibling.innerText=price*num;getSum();}})$("#btnAdd").click(function(){window.open("add.html","name","height=300, width=300, top=200,left=700, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")});});//合计函数function getSum(){var list=$(".check:checked");var allprice=0;for(var i=0;i