JS, JQ - Считывание данных из таблицы - JavaScript, Ajax

MaGWaY_minsk · 09.07.2013, 13:48

Добрый день всем.
Имеется таблица:

Код:

<table class="simple-little-table" cellspacing='0'>
  <tr>
        <th colspan="4">Заголовок 1</th>
    </tr><!-- Table Header -->
    
    <tr>
        <td colspan="4"><b>Каталог 1</b></td>
    </tr><!-- Table Row -->
        <tr class='even' p_id='100'><td id='goods_name_100'>Товар 1</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_100'></td><td id='goods_price_100'>750</td><td>В наличии</td></tr>
<tr class='even' p_id='101'><td id='goods_name_101'>Товар 2</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_101'></td><td id='goods_price_101'>750</td><td>В наличии</td></tr>
<tr class='even' p_id='102'><td id='goods_name_102'>Товар 3</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_102'></td><td id='goods_price_102'>3800</td><td>В наличии</td></tr>
<tr class='even' p_id='103'><td id='goods_name_103'>Товар 4</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_103'></td><td id='goods_price_103'>750</td><td>В наличии</td></tr>
<tr><th colspan='4'>Итого:</th></tr>    </table>

При вводе числа в Input по теории я хотел подсчитать сумму, но тут же вопрос, как перебрать все ячейки и определить, какой инпут заполнен и какая сумма? Допустим 1 первый товар 2 вторых товара и формируем сумму по формуле кол-во на цену...

Нужно ли цену хранить как-то по особенному или же вожможно просто значением в ячейке?

rlib · 10.07.2013, 10:59

Код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
	var sum = 0;
	$(document).ready( function() {
		$("#btn_calc").bind('click', function() {
			$("table input").each( function(i, e)  {
				sum += Number($(e).val());
			});
			alert(sum);
		});
	});
</script>
</head> 
</head>
<body>
<table class="simple-little-table" cellspacing='0'>
  <tr>
        <th colspan="4">Заголовок 1</th>
    </tr><!-- Table Header -->
    
    <tr>
        <td colspan="4"><b>Каталог 1</b></td>
    </tr><!-- Table Row -->
        <tr class='even' p_id='100'><td id='goods_name_100'>Товар 1</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_100'></td><td id='goods_price_100'>750</td><td>В наличии</td></tr>
<tr class='even' p_id='101'><td id='goods_name_101'>Товар 2</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_101'></td><td id='goods_price_101'>750</td><td>В наличии</td></tr>
<tr class='even' p_id='102'><td id='goods_name_102'>Товар 3</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_102'></td><td id='goods_price_102'>3800</td><td>В наличии</td></tr>
<tr class='even' p_id='103'><td id='goods_name_103'>Товар 4</td><td><input maxlength='5' size='5' value='0' id='goods_quantity_103'></td><td id='goods_price_103'>750</td><td>В наличии</td></tr>
<tr><th colspan='4'>Итого:</th></tr>    </table>
<input value="Sum" id="btn_calc"  type="button"/>
</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
считывание данных из таблицы excel в visual c++	василий-	Помощь студентам	0	17.09.2012 14:33
Считывание данных до слова	VovanZ	Общие вопросы C/C++	2	23.01.2011 16:20
Считывание данных из БД	aimk0	БД в Delphi	0	05.05.2010 23:53
авт. перенос данных из нескольких столбцов одной таблицы в один столбец другой таблицы	A_ALL	Microsoft Office Access	7	24.08.2009 21:13
Считывание временной метки и цифры из таблицы лога	pautina	Общие вопросы Delphi	0	23.01.2009 09:52