美文网首页
js小练习遇到的问题

js小练习遇到的问题

作者: 赌未来_e1e8 | 来源:发表于2019-06-13 20:52 被阅读0次

返回最后选择的结果 现在外部定义所有商品的总价,数量,在定义一num  都赋值为0 

num的作用 每次循环一次,num++;用于记录选择的个数,如果num=0 即没有选择

arr为我们上面拿到的所有选择按钮

开始for循环从第二个选择框开始,到 倒数第二个结束,因为第一个和最后一个不是商品选择按钮,所以不用遍历

当我们arr[i].checked为true 时 ,即 我们选择了这个按钮, 获取选择这个这个按钮的父节点(li)的父节点(ul)即ul

通过document.getElementByTagName("li")    获取ul下所有的li 为一个数组,起名为liArr 注意数组名字千万不要重复

获取到数组,找到合计后的值。为第七个li,即数组下标为6             liArr [6] .innerHtml.获取到内容,加一个.substr(1)

把前面的字符截取掉,这时就拿到我们选择的按钮下·的总计     所有总价 = 所有总价+选择的总计 ,将值进行累加

最后获取所有商品的id 利用document.getelemeById (“所有商品的id”) .innerHTML = 所有总价 价格完成

开始获取数量

数量 是在第6个li中 先获取li    因为li下有多个元素,我们获取类型为input的所有元素

liArr [5].getElementByTagName("input") 放回类型为一个数组,数组中仅有一个input元素 数组起名arr1 获取其中的元素的值

arr1[0].value 这个就是我们的数量值  所有数量   = 所有数量+ 获取到的单个商品的数量

最后赋值个我们最下的合计数量 的id  document 点 getElementById(“合计id”).innerHTML = 所有数量

注意这里面的数组名字不能重复,千万不能重复,

相关文章

  • js小练习遇到的问题

    返回最后选择的结果 现在外部定义所有商品的总价,数量,在定义一num 都赋值为0 num的作用 每次循环一次,nu...

  • JS小练习

  • JS 小练习

    JS 小练习 数组深度拷贝 在JS中,对于对象类型的变量的引用是通过类似C之类的“指针”的方式来操作的,及如果多个...

  • js 项目遇到的问题

    1. 动态添加H5标签, 使用jQuery给动态添加的标签绑定click事件不响应 解决方案参考链接:jquery...

  • js日常遇到的问题

    1.setTimout第一个参数可以是函数,也可以是字符串,当传入字符串时,就会有内存泄漏 2.ajax请求时,需...

  • 练习中遇到的问题

    今天的直播,真得太让自己失望了,讲了这么久了还是磕磕绊绊的。什么时候才能看两遍才能讲的出来。自己的口脑协调能力比较...

  • 「JS」练习 · 小案例练习

    目录 在浏览器输出以下内容 求1-100的素数 求最大值 数组排序 过滤器 附录:TypeScript一些知识 代...

  • 超几何分布问题

    超几何分布问题 小练习1 解析 小练习2 解析 小练习3 解析 小练习4 解析

  • JS作用域的练习

    Js作用域练习demo1 Js作用域练习demo2 JS作用域练习demo3 JS作用域练习demo4 JS作用域...

  • js继承遇到的小问题

    这两天在看js继承方面,它不像OC那种传统的类继承。js继承方式还是挺多的。比如:原型继承、原型冒充、复制继承 原...

网友评论

      本文标题:js小练习遇到的问题

      本文链接:https://www.haomeiwen.com/subject/jaeefctx.html