Goods:购物车模块之全选按钮与条目之复选按钮的click事件
2015-09-06 15:14
405 查看
<script type="text/javascript"> /* 计算总计方法 */ $(function() { showTotal(); //文档加载完就计算总计 //给全选添加click事件 $("#selectAll").click(function() { //获取全选的状态 var bool = $("#selectAll").attr("checked"); //让所有的条目的复选框与全选按钮状态同步 setItemCheckBox(bool); //让结算按钮与全选的状态同步 setJieSuan(bool); //重新计算总计 showTotal(); }); //给所有的条目的复选框添加click事件 $(":checkbox(name=checkboxBtn)").click(function() { //所有条目的个数拿出来 var all = $(":checkbox[name=checkboxBtn]").length; //选中的数目拿出来 var select = $(":checkbox[name=checkboxBtn][checked=true]").length if (all == select) { //勾选全选按钮 $("#selectAll").attr("checked", true); setJieSuan(true); } else if (select == 0) { $("#selectAll").attr("checked", false); setJieSuan(false); } else { $("#selectAll").attr("checked", false); setJieSuan(true); } showTotal(); }); }); function showTotal() { var total = 0; //1获取所有被勾选的复选块 $(":checkbox[name=checkboxBtn][checked=true]").each(function() { //2获取复选块的值 即cartItemid var id = $(this).val(); //3再通过cartItemId找到小计 获取内容 var text = $("#" + id + "Subtotal").text(); //4累加操作 字符串累加 会越变越长 total += Number(text); }); //5总计显示在总计元素 $("#total").text(total); } //统一设置所有条目的复选按钮 function setItemCheckBox(bool) { $(":checkbox[name=checkboxBtn]").attr("checked", bool); } //设置结算按钮样式 function setJieSuan(bool) { if (bool) { $("#jiesuan").removeClass("kill").addClass("jiesuan"); //把之前的事件注销掉 $("#jiesuan").unbind("click"); //撤销当前元素所有的click事件 } else { //设置样式 在css中有样式 $("#jiesuan").removeClass("jiesuan").addClass("kill"); //设置超链接不可用 click返回false $("#jiesuan").click(function() { return false; }); } } </script>
相关文章推荐
- Go环境搭建
- UVA 11292 - Dragon of Loowater
- 奇虎360 和 Go
- Google也许要重回中国市场了
- mongo中$push的$slice子操作符的理解
- leetcode: (35) Search Insert Position
- Algorithms - Week 3-0 Mergesort
- Algorithms - Week 2-1 Elementary Sorts
- Goods:查询某个用户的购物车条目以及添加购物车条目
- Intent中的四个重要属性——Action、Data、Category、Extras
- go-tour-zh离线安装
- golang-反射机制
- godaddy.com 注册域名 买卖域名
- [转]为什么GOF的23种设计模式里面没有MVC?
- mongo备份与恢复工具的对比与说明
- 外媒:Google Play将重返中国大陆
- leetcode: (94) Binary Tree Inorder Traversal
- Django:手把手带你入门
- Go基本语句
- 中国正沦为3D打印的配角?