JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="type" value="premium"
onClick='calc([{"names":"Name12","sht":"1шт.","ocen":"100"},
{"names":"Name11","sht":"1шт.","ocen":"100"},
{"names":"Name13","sht":"1шт.","ocen":"100"},
{"names":"Name14","sht":"1шт.","ocen":"100"}]);'>
<input type="radio" name="type" value="standart"
onClick='calc([{"names":"Name2","sht":"1шт.","ocen":"10220"},
{"names":"Name2","sht":"1шт.","ocen":"1200"},
{"names":"Name2","sht":"1шт.","ocen":"10"},
{"names":"Name2","sht":"1шт.","ocen":"100"}]);'>
<input type="radio" name="type" value="econom"
onClick='calc([{"names":"Name2","sht":"1шт.","ocen":"1050"},
{"names":"Name2","sht":"1шт.","ocen":"100"},
{"names":"Name2","sht":"1шт.","ocen":"150"},
{"names":"Name2","sht":"1шт.","ocen":"1050"}]);'>
<br>
<table>
<tr data-id="0">
<td>Моторное масло, включая замену</td>
<td class="names"></td>
<td class="sht"></td>
<td class="ocen"></td>
</tr>
<tr data-id="1">
<td>Масляный фильтр, включая замену</td>
<td class="names"></td>
<td class="sht"></td>
<td class="ocen"></td>
</tr>
<tr data-id="2">
<td>Воздушный фильтр, включая замену</td>
<td class="names"></td>
<td class="sht"></td>
<td class="ocen"></td>
</tr>
<tr data-id="3">
<td>Салонный фильтр, включая замену</td>
<td class="names"></td>
<td class="sht"></td>
<td class="ocen"></td>
</tr>
<tr data-id="4">
<td></td>
<td></td>
<td>Итого руб.</td>
<td class="summ"></td>
</tr>
</table>
JavaScript
window.calc = function(data_array)
{
for(var n in data_array)
{
var data = $('[data-id='+n+']');
$(data).find('.names').html(data_array[n]['names']);
$(data).find('.sht').html(data_array[n]['sht']);
$(data).find('.ocen').html(data_array[n]['ocen']);
}
var sum = 0;
$(".ocen").each( function () {
sum += parseInt( $(this).text(), 10 );
});
$('.summ').html(sum);
}