loia,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var home = $('.home');
home.click(function(){
home.css('background-color', 'white').removeClass('active');
var num = $(this).css('background-color', '#22d7ff').addClass('active').data("value");
$('.num').text(num);
});
});
</script>
</head>
<body>
результат должен быт таким, что при выборе определенно числа присваивается значение "value" и вместо нуля у нас нужное число:
код html: <div >
<p>Выберите тип помещения</p>
<table class="table1" border=1>
<tr>
<td class="home" name="product6" data-value="1000">Квартира</td>
<td class="home" name="product7" data-value="2000">Частный дом</td>
<td class="home" name="product8" data-value="3000">Офис</td>
</tr>
</table>
<span class="num">0</span>
</div>
</body>
</html>