
最代码官方 LV168
2014年11月21日
js动态获取html价格dom节点得到数值然后相加显示到总价。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://static.zuidaima.com/resource/js/jquery.min.js"></script> </head> <body> <div class="products"> <div class="product"> <input type="checkbox" name="price" class="price"/>价格:<span>1</span> </div> <div class="product"> <input type="checkbox" name="price" class="price" />价格:<span>2</span> </div> <div class="product"> <input type="checkbox" name="price" class="price" />价格:<span>5</span> </div> </div> <div> 总价:<span id="total_price">0</span> </div> <script> $(function() { $(".price").click( function() { var total_price=parseInt($("#total_price").text()); var price_obj=$(this).next(); var price=parseInt(price_obj.text()); if($(this).is(':checked')){ total_price+=price; }else{ total_price-=price; } $("#total_price").text(total_price); } ); $(".price").each(function(){ $(this).attr("checked",false); }); }); </script> </body> </html>
评论(5)
最佳答案
- 等 最代码怎么获取牛币啊?
- 完 谁来告诉我最代码上线的时间,答对者给5牛币,先来先得
- 等 牛友们,大家好,你们做程序员多久了?现在还好吗?
- 完 在微信打开的页面里进行app下载
- 等 最代码2014年欢乐聚声会
- 完 mysql如何查询表数据并且对3个字段降序的SQL?
- 完 最代码牛币机制改革
- 完 成功的在bae上使用了自定义运行环境 jetty+nginx的组合,大家对jetty+nginx优化有哪些心得?
- 完 进来分享一下各位牛牛是如何加入最代码大家庭的?
- 等 为什么java BufferedImage类处理大图直接抛出内存溢出的异常?
- 等 最代码是否开发手机app客户端?
- 完 java程序员学习哪些java的技术?java有哪些框架?都能做哪方面的开发?
- 等 php格式网页文件怎么运行?
- 等 Java volatile值获取的问题
- 等 前端vue,拦截了登录后台后,返回的token,requests拦截token,但是发送请求的时候,就出现跨越异常
- 等 大专本科计算机科班怎么找到Java工作?
- 等 eclipse怎么把三个java swing游戏项目合成一个项目?
- 完 伙伴们,大家都有什么好的解压方式么,分享一下~
- 完 三四线城市,6、7k,运维工作,索然无味,想去辞职上培训,各位牛牛有什么建议嘛
- 等 jsp页面输入中文变成问号
- 等 JPA在线上运行一段时间后报错Caused by: java.lang.IncompatibleClassChangeError: null
- 等 PHP 这个规则用preg_match_all怎么写
- 等 大佬们,有没有知道Alfresco如何配置LDAP登录呢?
- 等 php的install目录是框架带的吗?


仙身的羊 LV10
2021年2月26日
kk3215 LV2
2019年8月28日
安一飞
2018年11月17日
暂无贡献等级
yangkaiyangyi
2018年9月10日
暂无贡献等级
yankean LV2
2018年6月27日
mmmaid
2018年5月16日
暂无贡献等级
nuobi123
2018年3月19日
暂无贡献等级
padorasword1 LV2
2018年3月9日
newer86 LV2
2018年1月2日
2638550924 LV1
2017年9月13日