JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="type" value="premium" onClick="calc(0);">
<input type="radio" name="type" value="standart"  onClick="calc(1);">
<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>
</table>

JavaScript

window.calc = function(id)
{
  var data_array = [
   [
    {"names":"Name12","sht":"1шт.","ocen":"100"},
    {"names":"Name11","sht":"1шт.","ocen":"100"},
    {"names":"Name13","sht":"1шт.","ocen":"100"},
    {"names":"Name14","sht":"1шт.","ocen":"100"}
   ],
   [
    {"names":"Name2","sht":"1шт.","ocen":"10220"},
    {"names":"Name2","sht":"1шт.","ocen":"1200"},
    {"names":"Name2","sht":"1шт.","ocen":"10"},
    {"names":"Name2","sht":"1шт.","ocen":"100"}
   ]
  ];
  for(var n in data_array[id])
  {
  	var data = $('[data-id='+n+']');
    
  	$(data).find('.names').html(data_array[id][n]['names']);
    $(data).find('.sht').html(data_array[id][n]['sht']);
    $(data).find('.ocen').html(data_array[id][n]['ocen']);
  }
}