Добрый день. У меня есть json массив:
<script type='text/javascript'>
/* <![CDATA[ */
var DATA = {"variable":[{"item_id":19,"item_image":"","item_variation":{"steklo":"\u0443\u0434\u0430\u0440\u043e\u043f\u0440\u043e\u0447\u043d\u043e\u0435","material":"\u043c\u0435\u0442\u0430\u043b\u043b"},"item_price":"110"},{"item_id":20,"item_image":"","item_variation":{"steklo":"\u043e\u0431\u044b\u0447\u043d\u043e\u0435","material":"\u043c\u0435\u0442\u0430\u043b\u043b"},"item_price":"130"},{"item_id":21,"item_image":"","item_variation":{"steklo":"\u0443\u0434\u0430\u0440\u043e\u043f\u0440\u043e\u0447\u043d\u043e\u0435","material":"\u043f\u043b\u0430\u0441\u0442\u0438\u043a"},"item_price":"150"},{"item_id":22,"item_image":"","item_variation":{"steklo":"\u0443\u0434\u0430\u0440\u043e\u043f\u0440\u043e\u0447\u043d\u043e\u0435","material":"\u0434\u0435\u0440\u0435\u0432\u043e"},"item_price":"160"},{"item_id":23,"item_image":"","item_variation":{"steklo":"\u043e\u0431\u044b\u0447\u043d\u043e\u0435","material":"\u043f\u043b\u0430\u0441\u0442\u0438\u043a"},"item_price":"175"},{"item_id":24,"item_image":"","item_variation":{"steklo":"\u043e\u0431\u044b\u0447\u043d\u043e\u0435","material":"\u0434\u0435\u0440\u0435\u0432\u043e"},"item_price":"199"}]};
/* ]]> */
</script>
И есть форма:
<form id="buy" action="" method="post">
<div class="variations">
<input type="radio" id="material-1" value="металл" name="material">
<label class="variations__item" for="material-1">металл</label>
<input type="radio" id="material-2" value="пластик" name="material">
<label class="variations__item" for="material-2">пластик</label>
<input type="radio" id="material-3" value="дерево" name="material">
<label class="variations__item" for="material-3">дерево</label>
<div class="error">Пожалуйста, выберите "Материал"</div>
</div>
<div class="variations">
<input type="radio" id="steklo-1" value="ударопрочное" name="steklo">
<label class="variations__item" for="steklo-1">ударопрочное</label>
<input type="radio" id="steklo-2" value="обычное" name="steklo">
<label class="variations__item" for="steklo-2">обычное</label>
</div>
<div class="buy__btn">
<input type="hidden" value="100" name="price">
<input type="hidden" value="12" name="product-id">
<input class="buy__btn_submit" type="submit" value="В корзину" data-click="Оформить">
</div>
</form>
Подскажите как реализовать. Пользователь кликает по inputы, в зависимости от комбинации инпутов получить item_id, item_image, item_price. Буду благодарен за любую помощь.
Важный момент: заранее неизвестно количество блоков радиокнопок.