georg, типа набросок...
<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function calculate(Obj, price){
var o=Obj.parentNode.parentNode.parentNode;
var anum = /(^\d+$)|(^\d+\.\d+$)/;
var quantity=Obj.value;
if (!anum.test(quantity)) {
alert('Введенное значение не является числом!');
return;
}
// сумма = количество * цену
goodSum = quantity * price;
o.getElementsByTagName('bdo')[0].innerHTML = goodSum;
sums();
};
function sums(Obj) {
var meForm = document.getElementById('me_order_form');
if (!Obj.checked) {
meForm.getElementsByTagName('input')[0].checked=false;
}
var bdoArray = meForm.getElementsByTagName('bdo');
// устанавливаем начальное нулевое значение ОБЩЕЙ суммы
var allSumm = 0;
// и в цикле прибавляем к ней сумму каждого товара
for (j = 0; j < bdoArray.length; j++) {
var o=bdoArray[j].parentNode.parentNode;
if (o.getElementsByTagName('input')[0].checked) {
allSumm = allSumm + parseFloat(bdoArray[j].innerHTML);
}
}
document.getElementById('total_sum').innerHTML = allSumm;
};
function allSumm(Obj) {
var meForm = document.getElementById('me_order_form');
var o = meForm.getElementsByTagName('input');
var i;
for (i = 0; i < o.length; i++) {
if (o[i].type=='checkbox') {
o[i].checked=Obj.checked;
}
}
sums(Obj);
}
</script>
</head>
<body>
<form id='me_order_form'>
<table class="variants">
<tr>
<th class="col1"><input type="checkbox" onclick='allSumm(this)'></th>
<th class="col2">Размеры и комплекты</th>
<th class="col3">Количество</th>
<th class="col4">Стоимость, руб.</th>
</tr>
<tr>
<td class="col1"><input type="checkbox" class='item' id="r1" onclick="sums(this)"></td>
<td class="col2">товар 1</td>
<td class="col3">
<div class="count">
<input type='text' value='0' id='inp_1' onBlur='calculate(this, 5000)'>
</div>
</td>
<td class="col4">
<bdo dir='ltr' id='bdo_1'></bdo>
</td>
</tr>
<tr>
<td class="col1"><input type="checkbox" class='item' id="r2" onclick="sums(this)"></td>
<td class="col2">товар 2</td>
<td class="col3"><div class="count"><input type='text' value='0' id='inp_2' onBlur='calculate(this, 7000)'></div></td>
<td class="col4"><bdo dir='ltr' id='bdo_2'></bdo></td>
</tr>
<tr>
<td class="col1"><input type="checkbox" class='item' id="r3" onclick="sums(this)"></td>
<td class="col2">товар 3</td>
<td class="col3"><div class="count"><input type='text' value='0' id='inp_3' onBlur='calculate(this, 300)'></div></td>
<td class="col4"><bdo dir='ltr' id='bdo_3'></bdo></td>
</tr>
<tr class="bottom">
<td colspan="2" class="total">Общая сумма заказа: <span class="price" id='total_sum'>0</span> <span class="price">Р</span></td>
<td colspan="2" class="order"><a href="#"></a></td>
</tr>
</table>
</form>
</body>
</html>