
返回最后选择的结果 现在外部定义所有商品的总价,数量,在定义一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 = 所有数量
注意这里面的数组名字不能重复,千万不能重复,
网友评论