（12）全选商品列表：input type=checkbox 对象中的属性checked

来源：互联网发布：php开源在线客服系统编辑：程序博客网时间：2024/06/01 09:14

获取所有名称为item的复选框，判断checked状态，选没选上，input type=checkbox 对象中的属性checked

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><script type="text/javascript">      function getSum()      {          /*          获取所有名称为item的复选框，判断checked状态，选没选上，input type=checkbox 对象中的属性checked          */          var sum=0;          var collItemNodes=document.getElementsByName("item");         for(var i=0;i<collItemNodes.length;i++)         {             if(collItemNodes[i].checked)             {                // alert(i+"----"+collItemNodes[i].value);                 sum+=parseInt(collItemNodes[i].value);//这里必须将字符串转换为整型             }         }         document.getElementById("gsum").innerHTML=sum;      }      function getAll()      {          var collItemNodes=document.getElementsByName("item");          for(var i=0;i<collItemNodes.length;i++)          {              collItemNodes[i].checked=true;          }      }      function Allnot()      {          var collItemNodes=document.getElementsByName("item");          for(var i=0;i<collItemNodes.length;i++)          {              collItemNodes[i].checked=false;          }      }</script>    <input type="button" value="全选" onclick="getAll()"/><br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="checkbox" name="item" value="4000" />笔记本电脑<br/>    <input type="button" value="全不选" onclick="Allnot()"/><br/>    <br/>    <input type="button" value="总额：" onclick="getSum()"/>    <span id="gsum"></span></body></html>

这里写图片描述

阅读全文

0 0