<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function countNum(e) {
var tab=document.getElementById("abc");
var obj=e.parentNode.parentNode;
var id=parseInt(obj.rowIndex)-1;
var checkbox=document.getElementsByName("checkbox");
var sumStr01 = 0;
var sumStr02 = 0;
var sumStr03 = 0;
var sumStr04 = 0;
for(var j=0;j <checkbox.length;j++)
{
if(document.getElementsByName("checkbox")[j].checked){
var num = parseInt(tab.rows[j+1].cells[1].innerText);
sumStr01 = parseInt(sumStr01) + num;
var num = parseInt(tab.rows[j+1].cells[2].innerText);
sumStr02 = parseInt(sumStr02) + num;
var num = parseInt(tab.rows[j+1].cells[3].innerText);
sumStr03 = parseInt(sumStr03) + num;
var num = parseInt(tab.rows[j+1].cells[4].innerText);
sumStr04 = parseInt(sumStr04) + num;
//alert(tab.rows[j+1].cells[1].innerText);
}
}
sum01.innerHTML =sumStr01;
sum02.innerHTML =sumStr02;
sum03.innerHTML =sumStr03;
sum04.innerHTML =sumStr04;
}
//-->
</SCRIPT>
</head>
<body>
<table id="abc" width="1000" border="1" cellspacing="10" cellpadding="10">
<tr>
<th scope="col">操作</th>
<th scope="col">A</th>
<th scope="col">B</th>
<th scope="col">C</th>
<th scope="col">D</th>
</tr>
<tr>
<td><div align="center">
<input type="checkbox" name="checkbox" value="checkbox" onclick='countNum(this);'/>
</div></td>
<td><div align="center" name="amount">1</div></td>
<td><div align="center" name="amount">5</div></td>
<td><div align="center" name="amount">3</div></td>
<td><div align="center">41</div></td>
</tr>
<tr>
<td><div align="center">
<input type="checkbox" name="checkbox" value="checkbox" onclick='countNum(this);'/>
</div></td>
<td><div align="center" name="amount">5</div></td>
<td><div align="center" name="amount">6</div></td>
<td><div align="center" name="amount">7</div></td>
<td><div align="center">85</div></td>
</tr>
<tr>
<td><div align="center">
<input type="checkbox" name="checkbox" value="checkbox" onclick='countNum(this);'/>
</div></td>
<td><div align="center" name="amount">9</div></td>
<td><div align="center" name="amount">10</div></td>
<td><div align="center">11</div></td>
<td><div align="center">12</div></td>
</tr>
<tr>
<td><div align="center">总计</div></td>
<td><div align="center" id="sum01">0</div></td>
<td><div align="center" id="sum02">0</div></td>
<td><div align="center" id="sum03">0</div></td>
<td><div align="center" id="sum04">0</div></td>
</tr>
</table>
</body>
</html>
相关推荐
看实例学VFP:复选框控件 时间:2009-03-24来源:编程入门网 作者:老马 在vfp基础教程-复选框一文中,已经给出了复选框控件的常用属性。这个控件的使用重点是对它的value属性值的判断上,另外也可以通过control...
java100例之实例12复选框(java实例系列)
powerbuilder中实例18 带复选框的树形控件,适合初学者
一个js的方法,调用该js可实现下拉复选框。 /**//** * Creat date 2011-11-10 * Creat by zhuoyueping *支持input表单的下拉复选框。 *使用方法: * (1)调用js函数:setSelectBox(textItem, myArray); *...
带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
用QT实现的treeView模型视图的实例、主节点有三态复选框。
有关javascript 获取checkbox复选框的实例数不胜数。 js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var ...
Eclipse V4.2.0编写的Android复选框应用实例。
通过点击datagridview复选框删除所选项
本文通过实例代码给大家介绍了BootStrap Table复选框默认选中功能(从数据库获取到对应的状态进行判断是否为选中状态),代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
Eclipse V4.2.0编写的Android复选框(仿购物车)应用实例。
有源码有实例,delphi Listview复选框checkbox实现单选的功能,代码很精简实用,测试完美!
支持select显示复选框的JS列表框插件,插件名称:dhtmlxCombo,版本 v.2.1,它包括Image Select和Check Select两种功能插件,可以帮助你在下拉框的选项中添加一幅图片,或者在下拉框中使用复选框,具体可以看code...
Qt基础 07_单选框、复选框及实例 源代码
在表格tableview中实现复选框,下拉框,最简单快速方案,中文读取乱码问题的解决方案。 本实例在QT5.12上运行通过,用最简单的方法在tableview中实现了复选框和下拉框,同时还提供了读取文本数据的方法以及在读取中...
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例为大家分享了JavaScript实现复选框全选或全取消的具体代码,供大家参考,具体内容如下 实现思路 1、获取总选框、所有小选框元素对象 2、按钮控制小按钮- - -给总选框绑定onclick点击事件,事件处理程序...
主要介绍了微信小程序获取复选框全选反选选中的值,本文通过实例代码给大家简单介绍,需要的朋友可以参考下
JavaScript教程及实例讲解JavaScript教程及实例讲解JavaScript教程及实例讲解
Js动态添加复选框Checkbox的实例方法,需要的朋友可以参考一下