首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 帮忙优化一下

帮忙优化一下

时间：2010-03-23

来源：互联网

描述：所有ul下面的第一个li中的input默认选中，当点击该“行”的时候，求出所有input选中的值的总和
我写了一个，但是，感觉写的有点菜，烦劳大家帮优化一下，先谢啦！
复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>无标题文档</title>
  6. <script src="./include/jquery.js"></script>
  7. </head>
  8. <body>
  9.     <div class="contain">
  10.         <ul>
  11.             <li><input type="radio" name="one" value="1" />1</li>
  12.         </ul>
  13.         
  14.         <ul>
  15.             <li><input type="radio" name="two"  value="2"/>2</li>
  16.             <li><input type="radio" name="two" value="3" />3</li>
  17.         </ul>
  18.         
  19.         <ul>
  20.             <li><input type="radio" name="three" value="4"/>4</li>
  21.             <li><input type="radio" name="three" value="5" />5</li>
  22.             <li><input type="radio" name="three" value="6" />6</li>
  23.         </ul>
  24.         
  25.         <div id="show" style="width:60px; height:30px; background-color:#F60;"></div>
  26.     </div>
  27. <script>
  28. $(function() {    
  29.     // 默认第一个选中
  30.     $(".contain > ul").each(function() {
  31.         $(this).find('input')[0].click();
  32.     });
  33.     
  34.     // 计算总和
  35.     $('ul > li').click(function() {
  36.         $(this).find('input').click();
  37.         
  38.         var ckd_val = 0;
  39.         var cval = $('.contain input:checked').each(function() {
  40.             ckd_val += parseInt($(this).val());
  41.         });
  42.         alert(ckd_val);
  43.     });
  44. });
  45. </script>
  46.     
  47. </body>
  48. </html>

作者: spirit_mly   发布时间: 2010-03-23

作者: spirit_mly   发布时间: 2010-03-24

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net