走过平凡人生、留下平凡足迹 注册 | 登陆

jquery 计算

Submitted by aming on 2008, April 4, 9:31 PM. JQUERY

jquery学习
求文本或者表单的和

javascript代码
  1. //tclass为1时表示文本方式，留空为表单方式  
  2. function getsum(divId,textId,showId,tclass){  
  3.     $(document).ready(function() {  
  4.         var total = 0;  
  5.             $(divId).find(textId).each(function(i) {  
  6.             if(tclass == 1) {  
  7.             var t = parseInt($(this).text());  
  8.             } else {  
  9.             var t = parseInt($(this).val());  
  10.             }  
  11.                     total += t;  
  12.                     $(showId).html(total);  
  13.             });  
  14.     });  
  15. }  
使用

JavaScript代码
  1. getsum("#one","li","#sum li",1);//文本方式  
  2.   
  3.     $(document).ready(function() {//实时计算文本框输入  
  4.         $("input").change(function(){  
  5.             getsum("#two","input","#suminput li");  
  6.     });  
  7.     getsum("#two","input","#suminput li");  
  8. });  
xml/HTML代码
  1. <!--文本方式-->  
  2. <div id="one">  
  3. <ul>  
  4. <li>10</li>  
  5. <li>20</li>  
  6. <li>20</li>  
  7. </ul>  
  8. </div>  
  9.   
  10. <div id="sum">  
  11. <ul>  
  12. <li></li>  
  13. </ul>  
  14. </div>  
  15.   
  16.   
  17. <!--表单文本框方式,可直接修改-->  
  18. <div id="two">  
  19. <ul>  
  20. <li><input type="text" value="30"></li>  
  21. <li><input type="text" value="40"></li>  
  22. <li><input type="text" value="50"></li>  
  23. </ul>  
  24. </div>  
  25.   
  26. <div id="suminput">  
  27. <ul>  
  28. <li></li>  
  29. </ul>  
  30. </div>  

Tags: jquery

« 上一篇 | 下一篇 »

Trackbacks

点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5

发表评论

评论内容 (必填):