分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

HTML--JS ?多列求和

发布时间:2023-09-06 01:28责任编辑:沈小雨关键词:HTML
 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>

HTML--JS ?多列求和

原文地址:http://www.cnblogs.com/liuyangv/p/7989554.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved