Показать сообщение отдельно
  #13 (permalink)  
Старый 14.05.2019, 16:45
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Янковиц,
... вариант
<!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>
    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"
        }]
    };
$(function() {
var sel = ['steklo','material'];
$('#buy').on('change', function() {
var form = this;
var data = sel.reduce(function(obj, variation) {
obj[variation] = form[variation].value
return obj
},{})
var findElem = DATA.variable.filter(function(elem) {
return JSON.stringify(elem.item_variation) == JSON.stringify(data)// лучше цикл по sel
})
var id = '', price = '';
if(findElem.length)  {
   id =  findElem[0].item_id;
   price = findElem[0].item_price
}
$('[name="price"]').val(price);
$('[name="product-id"]').val(id);
})

});
    </script>
</head>

<body>
<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  value="100" name="price">
        <input  value="12" name="product-id">
        <input class="buy__btn_submit" type="submit" value="В корзину" data-click="Оформить">
    </div>
</form>

</body>
</html>
Ответить с цитированием