Как достать нужный размер по товару?

Question

[sdgs4s4 .]

Всем привет!

Вот так выглядит страница


кнопки выбора размера:

<input type="radio" class="size" id="1" checked name="<?= $one->id ?>" value="31"/>
<label for="1">  31 см</label>
                                    
<input type="radio" class="size" id="2"  name="<?= $one->id ?>" value="50"/>
<label for="2">  50 см</label>

js

$('.add-to-cart').on('click', function (e) {
        e.preventDefault();
        var id = $(this).data('id'),
            size = $("input[type=\"radio\"]:checked.size").attr("value"),
            qty = $(this).prev('.js-qty').val();
        $.ajax({
            url: '/cart/add',
            data: {id: id, qty: qty, size: size},
            type: 'GET',
            success: function(res){
                if(!res) alert('Ошибка!');
                showCart(res);
            },
            error: function(){
                alert('Error!');
            }
        });
    });

проблема в том что значение SIZE достается только исходя из значений первого товара, а у остальных выбирай не выбирай, все равно будут такие же как и на первом

Что надо тут дописать

size = $("input[type=\"radio\"]:checked.size").attr("value"),

чтоб доставались значения по нужному товару?

Comments

[Максим Тимофеев]

А каким боком тут yii? Я так понимаю можно было добавить с таким же успехом apache, php, mysql, intel, клавиатура.

[sdgs4s4 .]

Максим Тимофеев, не знаю, на автомате проставил

[Максим Тимофеев]

lipatkin ., Дайте html код в котором кроме того что Вы привели видно еще .add-to-cart,

[sdgs4s4 .]

Максим Тимофеев,

<input class="size" type="radio" id="f<?= $one->id ?>"  checked name="<?= $one->id ?>" value="31"/>
                                    <label class="product_size left_size" for="f<?= $one->id ?>">  31 см</label>


                                    <input type="radio" class="size" id="r<?= $one->id ?>"  name="<?= $one->id ?>" value="50"/>
                                    <label class="product_size right_size" for="r<?= $one->id ?>">  50 см</label>



                                    <input type="text" value="1" class="js-qty" id="qty">
                                    <a href="<?= \yii\helpers\Url::to(['cart/add', 'id' => $one->id]) ?>" data-id="<?= $one->id ?>" type="submit" class="product__button button button_primary-outline add-to-cart">
                                        <span class="button__inc">В корзину</span>
                                    </a>

Answer 1

[Максим Тимофеев]

size = $(this).siblings().find("input[type=\"radio\"]:checked.size").attr("value"),

Но мне кажется проще и правильнее было бы формами сделать. Вообще вешать какие-то действия на классы не правильно. Лучше или id использовать или data аттрибуты. Например вместо
$('.add-to-cart').on('click'
делать
$('[data-toggle="addToCart"]').on('click'
И если не в форме, то проставлять какой-нибудь data-item-id, что бы потом siblings не юзать ибо это дает зависимость от верстки. Но форма лучше.

Comments

[sdgs4s4 .]

блин, .siblings() он должен на одном уровне вложенности быть, а как сделать чтоб на разных?

Я все лишнее из кода удалил чтоб удобней было смотреть

[Максим Тимофеев]

lipatkin ., Так у Вас на одном уровне и есть. Но можно найти общего родителя через closest('.some_selector'), а потом через find() то что надо

[sdgs4s4 .]

Максим Тимофеев, что-то туго, он достает значение 1, в не зависимости есть там input или нет, как будто на самом деле их не видит

[sdgs4s4 .]

Максим Тимофеев, Вот полный HTML, посмотри пож, реально туплю)

spoiler

<div class="spoiler">

                                        <input style="position: absolute;left: -9999px;" class="size" type="radio" id="f<?= $one->id ?>"  checked name="<?= $one->id ?>" value="31"/>
                                        <label class="product_size left_size" for="f<?= $one->id ?>">  31 см</label>

                                        <div class="box">
                                            <div class="product__controls tuuu1">
                                                <div class="product__cart">
                                                    <div class="product__price"><span class="money"><span class="money__value"><?= $one->price ?> </span><span class="money__currency money__currency_on-the-right">₽</span></span>
                                                    </div>
                                                    <div class="product__to-cart">


                                                        <input type="text" value="1" class="js-qty" id="qty">
                                                        <a href="<?= \yii\helpers\Url::to(['cart/add', 'id' => $one->id]) ?>" data-id="<?= $one->id ?>" type="submit" class="product__button button button_primary-outline add-to-cart">
                                                            <span class="button__inc">В корзину</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

[Максим Тимофеев]

попробуй так

size = $(this).closest('.spoiler').find("input[type=\"radio\"]:checked.size").attr("value")

[sdgs4s4 .]

Максим Тимофеев, спасибо, друг, не знаю что бы без тебя делал, вся работа встала бы