JSFiddle - React, Tailwind, and code Playground
HTML
<iframe src="" class="view" id="model_view"></iframe>
<div class="rows">
<div class="row">
<div class="title">Категория 1</div>
<label><input type="radio" name="human" value="0x0" checked=""><span>0</span></label>
<label><input type="radio" name="human" value="0x1"><span>1</span></label>
<label><input type="radio" name="human" value="0x2"><span>2</span></label>
<label><input type="radio" name="human" value="0x3"><span>3</span></label>
</div>
<div class="row">
<div class="title">Категория 2</div>
<label><input type="radio" name="technics" value="1x0" checked=""><span>0</span></label>
<label><input type="radio" name="technics" value="1x1"><span>1</span></label>
<label><input type="radio" name="technics" value="1x2"><span>2</span></label>
<label><input type="radio" name="technics" value="1x3"><span>3</span></label>
</div>
</div>
CSS
body {margin: 0; font-family: arial}
.view {width:100%;height:300px;border: 0;background-color:black}
.rows {margin: 10px 10px 0 10px}
.rows .row {margin-bottom: 10px}
.rows .row .title {font-size: 18pt;margin-bottom: 5px}
JavaScript
$(function() {
// Начало самого кода
var categories = {human: '0x0', technics: '1x0'}; // Список категорий. Установить надо начальные значения
var view = function(c) {
// Список всех возможных комбинаций
var models = {
human_0x0_technics_1x0: "b4d09f17df1043b2b8baeae51347a4b2",
human_0x1_technics_1x0: "eb320ba995e040789c1192bcf860af5e",
human_0x2_technics_1x0: "24b736f75b29464f8b2a62eb6d421533",
human_0x3_technics_1x0: "057893ec02134e4b86c495ff505fd004",
human_0x0_technics_1x1: "9432459670914c4eb007fbe525966b6d",
human_0x1_technics_1x1: "aefc4f2a29914e779e97be7cf5e7675b",
human_0x2_technics_1x1: "7355bbb7edf14fed9273eedadf513f5c",
human_0x3_technics_1x1: "7a8eb56b3eeb49f793b5a1dfbb7cac35",
human_0x0_technics_1x2: "b6fee17b9cd14255ace12ff2a8205754",
human_0x1_technics_1x2: "bb4a3847ec8d4c908736a29805560799",
human_0x2_technics_1x2: "2d6212aec95243809eed0971fb96dd7b",
human_0x3_technics_1x2: "8199bfdac59b44e9a7a0daae8436750e",
human_0x0_technics_1x3: "692a107c048f41079f22455a3c28dc1b",
human_0x1_technics_1x3: "c07b2847faf7459190163a8b999b4b4e",
human_0x2_technics_1x3: "9b56b004a8494ad69e754dd780108a3c",
human_0x3_technics_1x3: "4d8ddf708a714e6898c7147b3ca3e0c5"
};
// Создание "ключа"
var key = '';
for(var i in c){
if(key == ''){
key += i+'_'+c[i];
}else{
key += '_'+i+'_'+c[i];
};
};
$('#model_view').attr('src', 'https://sketchfab.com/models/'+models[key]+'/embed'); // Загрузка нужной модели
};
view(categories); // Отправляем начальную модель
$('.rows .row input[type="radio"]').click(function() { // Клик на radiobutton
var e = this;
categories[$(e).attr('name')] = $(e).attr('value'); // Запись данных в список
view(categories); // Отправление модели
});
});