最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:23:46
文档

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

js实现简单的购物车有图有代码_javascript技巧:如图: 全选按钮的实现为: 代码如下: 全选 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000
推荐度:
导读js实现简单的购物车有图有代码_javascript技巧:如图: 全选按钮的实现为: 代码如下: 全选 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000


如图:

全选按钮的实现为:
代码如下:
全选

笔记本电脑: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值加起来。

文档

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

js实现简单的购物车有图有代码_javascript技巧:如图: 全选按钮的实现为: 代码如下: 全选 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000元 笔记本电脑:3000
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top