Задать вопрос

Не могу разобраться с input radio?

создал функцию в которой есть цикл он выводит товар на страницу внутри этого цикла другой который в зависимости от данных в массиве выводит от одного до трех пунктов выбора комплектации по умолчанию всегда выбран первый(или единственный) вид.
У каждого товара есть кнопка -в корзину при нажатии на которую вызывается функция в которую передаётся артикул товара.
Надо чтоб помимо артикула передалось и значение input radio
function goodsOut(data){
        //console.log(data);
        var out='';
        for (var key in data){
            out+='<div class="single-goods">';
            out+='<p class="tipe">'+data[key].tipe+'</p>';
            out+='<p class="name">'+data[key].name+'</p>';
            out+='<p class="name-rus">'+data[key].rusname+'</p>';
            out+='<img class="img-goods" src="'+data[key].image+'""alt="">';
            out+=`<button class="description"><a href="single.html#${key}">Подробнее</a></button>`;
            out+='<p><span class="singleGoodsSpan">Саженец:</span><span class="singleGoodsSpan">Цена:</span></p>';
            if (data[key].seedling2!=0){
                if (data[key].seedling3 != 0){
                    out+='<input name="seedling'+[key]+'" checked type="radio" value="1">'+data[key].seedling1+'  '+data[key].price1+'руб.</input><br><input name="seedling'+[key]+'" type="radio" value="2">'+data[key].seedling2+'  '  +data[key].price2+'руб.</input><br><input name="seedling'+[key]+'"type="radio" value="3">'+data[key].seedling3+'  '+data[key].price3+'руб.</input><br>';
                }
                else {
                    out+='<input name="seedling'+[key]+'" checked type="radio" value="1">'+data[key].seedling1+'  '+data[key].price1+'руб.</input><br><input name="seedling'+[key]+'" type="radio" value="2">'+data[key].seedling2+'  '  +data[key].price2+'руб.</input><br>';
                }                
            }  
            else {
                out+='<input checked name="seedling'+[key]+'" type="radio" value="1">'+data[key].seedling1+'  '+data[key].price1+'руб.</input><br>';
            }
            //var ver= $('input[name="seedling'+[key]+'"]:checked').val();
            out+='<button class="add-to-cart" data-art="'+[key]+'">В корзину</button>';
            out+='</div>';
        }
        $('.goods-out').html(out);
        $('.add-to-cart').on('click', addToCart);
    }

    function addToCart(){
        //Добавление товара в корзину
        var articul = [$(this).attr('data-art')];
        if (cartData[articul]==undefined){
            cartData[articul] =1; //Если товара нет в корзине то присваиваем 1
        }
        else{
            cartData[articul] ++;//Если  товара есть то +1
        }
        //console.log(cartData);
    }
  • Вопрос задан
  • 70 просмотров
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы