购物车系统c语言代码实现,js实现简单的购物车有图有代码

如图:

1c6ce1909e35db82fdca7ad02e36aadb.gif 

全选按钮的实现为:

全选

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

笔记本电脑:3000元

全选

最后的span标签是用来存放显示总金额的区域。

实现两个“全选”功能的代码是:

function checkAll()

{

//var allNode = document.getElementsByName("all")[0];

//获取被点击的元素

var allNode = event.srcElement;

var item = document.getElementsByName("item");

for(var x=0;x

{

item[x].checked = allNode.checked;

}

}

event.srcElement实现了对响应事件按钮的获取。

for循环将每个多选框修改checked属性。

计算总金额的方法为:

function getSum()

{

var item = document.getElementsByName("item");

var sum = 0;

for(var x=0;x

{

if(item[x].checked)

{

sum+=parseInt(item[x].value);

}

}

var spanNode = document.getElementById("sum");

spanNode.innerHTML = (sum+"元").fontsize(7);

}

将所有被选中的复选框的value值加起来。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值