HTML--JS 多列求和

 1 <html>
 2     <head>
 3         <title>多列求和</title>
 4         <script type="text/javascript">
 5             function addAll(){
 6                 var total_value=0;
 7                 for(i=0;i<document.myform.check.length;i++){
 8                     if(document.myform.check[i].checked){
 9                         total_value+= parseInt( document.myform.money[i].value );
10                     }
11                 }    
12                 alert(total_value);                
13                 document.getElementById("total").value = total_value;
14                             
15             }
16             
17             
18             
19         </script>
20     
21     </head>
22     <body>
23         <form action="" method="post" name="myform">
24             <table border="1" cellpadding="0" cellspacing="0" width="20%" height="40%">
25                 <tr>
26                     <td>金额</td>
27                     <td>是否求和</td>
28                 </tr>
29                 <tr>
30                     <td><input type="text" name="money" /></td>
31                     <td><input type="checkbox" name="check" /></td>
32                 </tr>
33                 <tr>
34                     <td><input type="text" name="money" /></td>
35                     <td><input type="checkbox" name="check" /></td>
36                 </tr>
37                 <tr>
38                     <td><input type="text" name="money" /></td>
39                     <td><input type="checkbox" name="check" /></td>
40                 </tr>
41                 <tr>
42                     <td><input type="text" name="money" /></td>
43                     <td><input type="checkbox" name="check" /></td>
44                 </tr>
45                 <tr>
46                     <td><input type="button" value="求和" onclick="addAll()" /></td>
47                     <td><input type="text" id="total" readonly /></td>    
48                 </tr>
49                 
50                 
51             </table>
52             
53         </form>
54         
55     </body>
56 </html>

 

转载于:https://www.cnblogs.com/liuyangv/p/7989554.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值