js小练习遇到的问题

2019-06-13  本文已影响0人  赌未来_e1e8

返回最后选择的结果 现在外部定义所有商品的总价,数量,在定义一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 = 所有数量

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

上一篇 下一篇

猜你喜欢

热点阅读