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

最新推荐文章于 2022-08-17 08:30:45 发布

FixedStarHaHa

最新推荐文章于 2022-08-17 08:30:45 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/jiangshangchunjiezi/article/details/76886862

版权

获取所有名称为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>

这里写图片描述

FixedStarHaHa

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
（12）全选商品列表：input type=checkbox 对象中的属性checked

获取所有名称为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/java
复制链接

扫一扫