<html>

     <head>

         <title>多列求和</title>

         <script type="text/javascript">

             function addAll(){

                 var total_value=0;

                 for(i=0;i<document.myform.check.length;i++){

                     if(document.myform.check[i].checked){

                         total_value+= parseInt( document.myform.money[i].value );

                     }

                 }

                 alert(total_value);

                 document.getElementById("total").value = total_value;

             }

         </script>

     </head>

     <body>

         <form action="" method="post" name="myform">

             <table border="1" cellpadding="0" cellspacing="0" width="20%" height="40%">

                 <tr>

                     <td>金额</td>

                     <td>是否求和</td>

                 </tr>

                 <tr>

                     <td><input type="text" name="money" /></td>

                     <td><input type="checkbox" name="check" /></td>

                 </tr>

                 <tr>

                     <td><input type="text" name="money" /></td>

                     <td><input type="checkbox" name="check" /></td>

                 </tr>

                 <tr>

                     <td><input type="text" name="money" /></td>

                     <td><input type="checkbox" name="check" /></td>

                 </tr>

                 <tr>

                     <td><input type="text" name="money" /></td>

                     <td><input type="checkbox" name="check" /></td>

                 </tr>

                 <tr>

                     <td><input type="button" value="求和" onclick="addAll()" /></td>

                     <td><input type="text" id="total" readonly /></td>

                 </tr>

             </table>

         </form>

     </body>

 </html>

HTML--JS 多列求和的更多相关文章

  1. bootstrap table 列求和

    <div class="modal fade in" id="_modalDialog" tabindex="1" role=&quo ...

  2. struts2标签之列求和

    struts2标签之列求和 <table width="100%" border="0" cellpadding="0" cellsp ...

  3. jquery 列求和

    列求和 var m = 0; $('#tb tr').each(function () { //td:eq(3)从0开始计数 $(this).find('td:eq(3)').each(functio ...

  4. linux对文件某列求和

    对文件某列求和: -F,用,号分隔,求第3行的和 awk -F,  '{sum += $3};END {print sum}' test

  5. sql server 某一列求和

    sql server 某一列求和 SELECT 患者来源,设备类型,检查部位,设备名称,convert(char(10),STUDY_DATE,121) as 日期, count(distinct 就 ...

  6. [VBA]指定列求和

    ##指定列求和 需求: 求和:列为“销售金额”的数值 Sub 求和()Dim i As Integer, j As IntegerFor i = 3 To 56For j = 15 To 81 Ste ...

  7. vue表格之:summary-method="getSummaries"与show-summary（列求和）

    //表格列求和 <el-table :summary-method="getSummaries" show-summary></el-table> getS ...

  8. pandas对列求和

    了解更多,请关注公众号"轻松学编程" 一行代码实现对列求和 使用pandas把列表中的字典元素转成二维数组,然后使用pandas函数实现对每一列求和. 代码: import pan ...

  9. Java lambda 分组后多列求和

    主要思路是reducing,可以像sql一样分组后多列求和处理成新对象等: select code,max(name)as name,sum(chengJi)as chengJi,sum(age)as ...

随机推荐

  1. Java 中的 T，E，K，V, 别傻傻分不清楚！

    作者:glmapper https://juejin.im/post/5d5789d26fb9a06ad0056bd9 前言 Java 泛型(generics)是 JDK 5 中引入的一个新特性, 泛 ...

  2. Java中数据类型的分类

    我们知道Java是强类型语言,那么肯定对应的也就有弱类型语言,以下介绍强类型语言与弱类型语言的区别: 强类型语言: 强类型语言也就是强制数据类型定义的语言.也就是说,一旦一个变量被指定了某个数据类型, ...

  3. 《剑指offer》面试题17 合并两个排序的链表 Java版

    我的方法:新初始化一个链表头,比较两个链表当前节点的大小,然后连接到该链表中.遍历两个链表直到null为止. public ListNode merge(ListNode first, ListNod ...

  4. hdu6351 Beautiful Now （全排列+循环节）

    题目传送门 题意: 给你n和k,你每次能交换n的两个位,问最多k次后的最小和最大值 思路: 考虑到n到1e9,所以可以用全排列来暴力,但是我们不能全排列之前的数位, 因为n中的位数可能相等,那样很难计 ...

  5. Eclipse打包可执行jar包操作步骤

    1.右键点击工程,选择Export…,进入页面 2.弹出对话框,选择Java->Runnable JAR file ,点击Next>,页面显示jar包的输出路径,配置为jmeter的/li ...

  6. go中指针类型的用法小结

    代码 // 指针的用法 package main import ( "fmt" ) func main() { var i int = 100 // 输出i的地址 fmt.Prin ...

  7. MiniUI学习笔记1-新手必读

    1.mini的全局方法 2.Ajax jQuery 拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 详细jQuery Ajax教程,可参考这里. 3. ...

  8. Fiddler过滤css、js、图片等静态文件

    REGEX:(?insx)/[^\?/]*\.(css|ico|jpg|png|gif|bmp|wav)(\?.*)?$ REGEX:(?insx)/[^\?/]*\.(action|do)(\?.* ...

  9. nginx windows 代理 80端口 500

    今天准备配置一个nginx 用来代理80端口分别访问.net core 和spring boot 服务器 配置使用的最基本的代理配置 #user nobody; worker_processes 1; ...

  10. Linux下统计当前文件夹下的文件个数

    Linux下统计当前文件夹下的文件个数 √ ls -l |grep "^-"|wc -l