刚学习JS,求教JS如何遍历table表格里面的每列,并对每列进行求和!!
相关代码如下:
表格的行列都是可以动态添加的!!
<script type="text/javascript">
var colNum = 0;//列的数量
//添加列
function addPlayer() {
//alert(colNum);
if (colNum == "" || colNum <= 0) {
alert("请先创建记分器");
return false;
}
var arrtr = $('#tab').find('tr');
var ht = '';
{
for (var i = 0; i < arrtr.length; i++) {
if (i == 0) {
arrtr.eq(0).append('<td><input type="text" style="width:60px" /></td>');
}
else {
arrtr.eq(i).append('<td><input type="number" style="width:60px" value="" /></td>');
}
}
colNum++;
}
}
///添加局数
function addRow() {
//alert(colNum);
if (colNum == "" || colNum <= 0) {
alert("请先创建记分器");
return false;
}
var ht = '<tr><th>分数:</th>';
for (var i = 0; i < colNum; i++) {
ht += '<td><input type="number" style="width:60px" /></td>'
}
ht += '</tr>';
$('#tab').append(ht);
}
//创建Table
function createTable() {
colNum = $('#num').val().trim();
var ht = '<tr><th>姓名:</th>';
if (colNum == '' || colNum <= 0) {
colNum = 0;
alert('请输入有效值');
return false;
}
for (var i = 0; i < colNum; i++) {
ht += '<td><input type="text" style="width:60px" /></td>'
}
ht += '</tr>';
$('#tab').html(ht);
$('#divCreate').css('display', 'none');
}