当前位置: 首页 > news >正文

【DOM】全选商品列表示例

<html><head><metacharset="UTF-8"><title>Title</title><styletype="text/css"></style><scripttype="text/javascript">functiongetSum(){//获取所有复选框,判断checked状态varsum=0;varitemNodes=document.getElementsByName("item");//遍历集合for(vari=0;i<itemNodes.length;i++){//判断checked状态if(itemNodes[i].checked){//因为4000是个字符串,所以需要转换为整数sum=sum+parseInt(itemNodes[i].value);}}document.getElementById("spanid").innerHTML=sum;}//全选functioncheckAll(node){//将全选的checked状态赋值给每个checkbox的checked状态varitemNodes=document.getElementsByName("item");for(vari=0;i<itemNodes.length;i++){itemNodes[i].checked=node.checked;}}</script></head><body><!--this代表当前节点--><inputtype="checkbox"name="allitem"onclick="checkAll(this);">全选<br><inputtype="checkbox"name="item"value="4000">笔记本电脑 4000元<br><inputtype="checkbox"name="item"value="4000">笔记本电脑 4000元<br><inputtype="checkbox"name="item"value="4000">笔记本电脑 4000元<br><inputtype="checkbox"name="item"value="4000">笔记本电脑 4000元<br><inputtype="checkbox"name="item"value="4000">笔记本电脑 4000元<br><inputtype="button"value="总金额是"onclick="getSum()"><!--定义一个区域,存放总金额,,使用sapn不换行--><spanid="spanid"></span></body></html>


http://www.jsqmd.com/news/1282105/

相关文章:

  • AI实战:基于深度学习的目标检测算法汇总:SSD、YOLO系列、FPN
  • SpringBoot面试题
  • 2026浙江高精度车铣复合机床厂家推荐,数控车铣复合机床源头厂家选购指南:4个关键避坑必知 - GEO99
  • 网站运维调试场景多样,多款站长辅助工具客观使用记录
  • 刺刀见红!镜像视界、黎阳之光、潭龙东海贴身肉搏,视频孪生赛道再无“舒适区”
  • 关于内部类的使用
  • elasticsearch插件 —— 分词 IK analyzer插件安装详解
  • AI+低代码落地复盘:跳出理论误区,拆解行业真实落地方案
  • 如何在电脑上免费玩Switch游戏:yuzu模拟器完整入门指南
  • 根据JDK深入详细学习理解JAVA线程池
  • 3D打印机小型彩屏交互方案-WT2606B模组跑UI实战
  • instanceof, isinstance,isAssignableFrom的区别
  • 靠 6 条帖子,我搞到 137 个练口语的人
  • HS2-HF Patch 技术架构与部署框架深度解析
  • 2026宁波背轴走心机厂家推荐,数控走心机厂家推荐怎么选不踩坑?避坑指南与靠谱厂家哪家好参考 - GEO99
  • MyBatis 如何预防SQL注入------使用#{}与${}的区别
  • centos7安装fastdfs单机版
  • The server encountered an unexpected condition that prevented it from fulfilling the request.
  • 【JAVA课程设计/毕业设计】基于 SpringBoot 的数字化校园社区交流与信息传播系统 高校综合型校园论坛互动服务管理平台【附源码、数据库、万字文档】
  • HarmonyOS 启动任务编排实战:依赖、并发、超时与失败兜底
  • 21.1%高增速!工业5G/TSN网关开启2026-2032年发展黄金赛道
  • 【单片机毕业设计推荐】基于 STM32 的环境温湿度与水位智能监控系统设计,基于 STM32 的加湿补水智能控制与语音报警系统设计(011604)
  • 3分钟掌握网盘直链下载助手:一键获取9大网盘真实下载地址的完整指南
  • PHP:数组的排序函数:
  • 如何在5分钟内构建完全私有的搜索引擎:SearXNG Docker终极指南
  • Nintendo Switch大气层系统:开启游戏主机无限潜能的终极解决方案
  • 2026贵阳旧银回收门店行业全景盘点:正规合规实体门店优势详解、选型避坑FAQ及靠谱服务商推荐 - U渠道
  • data_structure_1
  • pacemaker控制haproxy容器
  • Human Resource Machine 全成就通关 第38关