<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. spring-第十五篇之AOP面向切面编程之AspectJ框架简单应用

    1.去官方网站下载aspectj-1.8.0.jar 2.在jar包目录启动cmd,执行java -jar aspectj-1.8.0.jar,Next 3.检查JAVA_HOME路径是否正确,如果不 ...

  2. hive Hbase sql

    Hive和HBase的区别 ​ hive是为了简化编写MapReduce程序而生的,使用MapReduce做过数据分析的人都知道,很多分析程序除业务逻辑不同外,程序流程基本一样.在这种情况下,就需要h ...

  3. vue 运行时报 dependency was not found:错误

    这种报错我知道的有两种情况引起: 第一种: 是在引入文件的时候路径不对, 解决办法是: 只要在加一个./就行了: import test from './test' 改成先对路径 如果是安装的模块的话 ...

  4. POJ-2528 Mayor's posters (离散化， 线段树)

    题目传送门: POJ-2528 题意就是在一个高度固定的墙面上贴高度相同宽度不同的海报,问贴到最后还能看到几张?本质上是线段树区间更新问题,但是要注意的是题中所给数据范围庞大,直接搞肯定会搞出问题,所 ...

  5. LeetCode102. 二叉树的层次遍历

    102. 二叉树的层次遍历 描述 给定一个二叉树,返回其按层次遍历的节点值. (即逐层地,从左到右访问所有节点). 示例 例如,给定二叉树: [3,9,20,null,null,15,7], 3 / ...

  6. Form表单组件验证

    第一版:最基本版本 views源码 #——————————————————————form验证—————————————— from django import forms from django.f ...

  7. MySQL Server类型的MySQL 客户端的下载、安装和使用

    mysql server 5.5的下载 下载地址:https://dev.mysql.com/downloads/mysql/5.0.html#linux mysql server 5.5的安装 双击 ...

  8. eclipse codeFormatter 和 codeTemplates 模板

    下载  eclipse_modles.rar 好用高效的eclipse的注释和代码风格模板.     版权声明:本文为博主原创文章,未经博主允许不得转载.

  9. 2019-5-28-VisualStudio-扩展开发

    title author date CreateTime categories VisualStudio 扩展开发 lindexi 2019-05-28 19:51:49 +0800 2018-2-1 ...

  10. 13Ajax和JQuery

    1.Ajax 1.1是什么? “Asynchronous Javascript And XML”(异步JavaScript和XML), 并不是新的技术,只是把原有的技术,整合到一起而已. 1.使用CS ...