js 中的for in 与标准for循环遍历数组

来源:互联网 发布:优化机构设置城管局 编辑:程序博客网 时间:2024/04/29 04:52
<script type="text/javascript">
   function checkAll(node){
  var item = document.getElementsByName("item");
  /*alert(item.length);*/
  for(i in item){
      item[i].checked = node.checked;
  }
   }
   function getSum(){
       var item = document.getElementsByName("item");
   alert(item);
   var sum = 0;
var s = 0;
  for(var i in item)
 /* for(var i = 0;i<item.length;i++) 可以正常显示*/
  {   alert(typeof(i)+":"+i);/*String类型的,0,1,2,3,4,5,length,item,最后的结果为NaN*/
     if(item[i].checked)
 {
s = parseInt(item[i].value);
sum += s;
 }
  }
   alert("sum:"+sum);
  var str = sum +"元";
  
   document.getElementById("sumid").innerHTML = str;
  /*document.getElementById("sumid").innerHTML = str.fontcolor('red');*/
   }
</script>
<body>
 <div>商品列表</div>
<input type="checkbox" name="all" onclick="checkAll(this)"  /> 全选<br />
<input type="checkbox" name="item" value="3000" />笔记本电脑3000元<br />
<input type="checkbox" name="item" value="3000"  />笔记本电脑3000元<br />
<input type="checkbox" name="item" value="3000"  />笔记本电脑3000元<br />
<input type="checkbox" name="item" value="3000"  />笔记本电脑3000元<br />
<input type="checkbox" name="item" value="3000"  />笔记本电脑3000元<br />
<input type="checkbox" name="item" value="3000"  />笔记本电脑3000元<br />
<input type="checkbox" name="all" onclick="checkAll(this)"  /> 全选<br />
<input type="button" value="总金额:" onclick="getSum()" /><span id="sumid"></span>

</body>

建议遍历循环数组时,用标准的for循环

0 0
原创粉丝点击