Не могут N-элементов на странице иметь одно и тоже id. ID - это уникальный идентификатор. И в стилях надо описывать и не старье. На jQuery:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
table {
border-collapse: separate;
width: 100%;
/* etc */
}
th {
background: #eee;
padding: 8px;
}
td {
padding: 8px;
border: 1px solid #eee;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$('#as_name').on('keyup', 'input', function() {
var p = $(this.parentNode);
p.next().text(this.value.replace(/\D/, '')*1 * p.prev().text().replace(/\D/, '')*1)
})
});
</script>
</head>
<body>
<table id="as_name">
<thead>
<th>Предмет</th>
<th>В наличии</th>
<th>Цена</th>
<th>Кол-во</th>
<th>Общая цена</th>
</thead>
<tr>
<td>ручка гелевая</td>
<td>40шт</td>
<td>5</td>
<td><input /></td>
<td></td>
</tr>
<tr>
<td>ручка шариковая</td>
<td>40шт</td>
<td>10</td>
<td><input /></td>
<td></td>
</tr>
</table>
</body>
</html>
Или не используется он, судя по примеру?