商品清单计算总和（购物车）

最新推荐文章于 2023-08-23 10:01:20 发布

大老虎Picky

最新推荐文章于 2023-08-23 10:01:20 发布

阅读量1.6k

点赞数 1

分类专栏： web前端文章标签：清单 check document

本文链接：https://blog.youkuaiyun.com/qq_21359983/article/details/80721301

版权

该博客探讨了如何实现商品清单中的全选和反选功能。通过使用`this`关键字优化代码，避免了繁琐的ID选择和检查步骤。提供了两种方法，包括基于点击事件的全选/全不选功能，以及实现反选功能的代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击一次为全选，第二次为全不选。一个按钮来取商品清单的总额。

【这里的js代码，模拟的是全选/全不选的功能。截取这部分代码修改后可得到反选的功能！见最下面的部分】

<!DOCTYPE html>
<html>
<head>
	<title>设置标签对象属性</title>
</head>
<body>
	<div>商品列表</div>
	<!--这里的onclick方法不仅能用于button，checkbox也可以用！用来点击的都可以！！-->
	<input type="checkbox" id="allok" οnclick="checkall()"/>全选/全不选<br/>
	<input type="checkbox" name="item" value="4000"/>笔记本电脑4000元<br/>
	<input type="checkbox" name="item" value="20"/>笔记本20元<br/>
	<input type="checkbox" name="item" value="5000"/>单反照相机5000元<br/>
	<input type="checkbox" name="item" value="3000"/>硬盘3000元<br/>
	<input type="checkbox" name="