您好,欢迎访问一九零五行业门户网

js实现简单的购物车有图有代码_javascript技巧

如图:
全选按钮的实现为:
复制代码 代码如下:
全选
笔记本电脑: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值加起来。
其它类似信息

推荐信息