Передать значение input radio в другой input

[alex-tiesto]

Имеется каталог товаров.

У каждого товара есть варианты выбора в виде input type="radio".

Также у каждого товара есть кнопка "заказать" по нажатию на которую появляется форма обратной связи содержащая скрытый инпут.

Форма обратной связи вызывается для всех товаров одна и та же.

ID и label для инпутов генерируются скриптом

<script>
        $(function getValue() {
            $('input[type="radio"]').each(function(indx, el){
                $(this).next().attr("for" , "radio"+indx)
                this.id = "radio"+indx
                var id = "radio"+indx

            });
        });
    </script>

сами инпуты:

<div class="wrapper_all_radio">
                                <div class="radio_wrapper">
                                    <input type="radio" id="radio" name="radio" />
                                    <label for="radio"><span></span>23 см</label><span class="price_tovar_item">8.5 руб.</span>
                                </div>
                                <div style="clear: both"></div>
                                <div class="radio_wrapper">
                                    <input type="radio"  id="radio" name="radio" />
                                    <label for="radio"><span></span>30 см</label><span class="price_tovar_item">30 руб.</span>
                                </div>
                                <div style="clear: both"></div>
                                <div class="radio_wrapper">
                                    <input type="radio" id="radio" name="radio" />
                                    <label for="radio"><span></span>36 см</label><span class="price_tovar_item">15 руб.</span>
                                </div>
                            </div>

кнопка заказать:

<a class="tovar_item_link">заказать</a>

Собственно вопрос - как передать значение выбранного инпута в форму?

[laimas]

как передать значение выбранного инпута в форму?

В вашем случае никак, потому, как выбрать среди них невозможно. А если бы и было возможно, то не имеют ваши кнопки никаких значений. К томе же, У каждого товара есть варианты выбора в виде input type="radio"., и эта связь товара с кнопками есть засекреченная информация?

[ksa]

alex-tiesto, у тебя

id="radio"

повторяется у многих элементов... ИД должно быть уникально на странице.

[alex-tiesto]

В вашем случае никак, потому, как выбрать среди них невозможно. А если бы и было возможно, то не имеют ваши кнопки никаких значений. К томе же, У каждого товара есть варианты выбора в виде input type="radio"., и эта связь товара с кнопками есть засекреченная информация?

value у инпутов есть, не ту верстку скинул )

Касаемо засекреченной информации - не понял Вас!

Скидываю ссылку на страницу с товарами ссылка, возможно так понятней будет

[alex-tiesto]

id="radio"

Я же написал что id и label генерируется скриптом, чтобы они уникальными были

[laimas]

value у инпутов есть, не ту верстку скинул

И где же они тут имеются?

<input id="radio3" name="wrapper_all_radio1" type="radio">
     <label for="radio3"><span></span>23 см</label><span class="price_tovar_item">8.5 руб.</span>

Я так понимаю, что в форму, которая тоже хрен знает чем оперирует, нужно взять не значение кнопки, ибо его и близко нет в них, а текст ее метки и это впялить в форму?

Очередной магазин торгующий по принципы абы было?

[alex-tiesto]

value там прописаны тестово только для первого товара.

Касаемо магазина торгующего абы чем.. там вообще-то пиццерия ))


Буду рад за помощь!

[laimas]

value там прописаны тестово только для первого товара.

Да, есть такое, и это еще можно как-то переварить, хотя всего для трех значений для всех товаров выгоднее иметь ENUM значения, и в качестве value, следовательно, значения от 1 до 3. А 23 см - 36 см, это текстовое представление этих значений, которое будут как раз отображать label. Это к тому, что такое проверить легче.

А проверять надо потому, что формой в магазине нормальном, а не торгующем абы как, и не важно чем, хоть кирпичами, никогда не станут принимать "Название пиццы 1" и подобное, а исключительно идентификатор товара или артикул, или еще что либо уникальное определяющее товар в базе. Ваша же форма вполне скушает от заказчика и "Хрень какая-то".

Вот что значит абы как.

[alex-tiesto]

Да, есть такое, и это еще можно как-то переварить, хотя всего для трех значений для всех товаров выгоднее иметь ENUM значения, и в качестве value, следовательно, значения от 1 до 3. А 23 см - 36 см, это текстовое представление этих значений, которое будут как раз отображать label. Это к тому, что такое проверить легче.

А проверять надо потому, что формой в магазине нормальном, а не торгующем абы как, и не важно чем, хоть кирпичами, никогда не станут принимать "Название пиццы 1" и подобное, а исключительно идентификатор товара или артикул, или еще что либо уникальное определяющее товар в базе. Ваша же форма вполне скушает от заказчика и "Хрень какая-то".

Вот что значит абы как.

Замечания я Ваши понял, но в моем случае как лучше поступить?

Пример скрипта можете написать?

[laimas]

Пример скрипта можете написать?

Вы сперва разберитесь с багами существующего кода. )

То есть, если по уму, без глупостей "Название пиццы 1" и подобных, то не только серверу легче будет, но и клиенте, так как ему придется оперировать не с кучей абстрактных наборов ID и классов, а всего лишь с элементами текущей формы, коих немного и они конкретно определены. А значит "пример кода" будет базироваться совсем на ином.

Код написанный требует отладки, и если бы вы такое делали, то в коде под jQuery 1.11.0 такого бы не было, сразу после первой же отладки:

$(".radio_wrapper").live("change", function() {
        $("#value_product_2").val($(this).find("input[type=radio]:checked").attr("value"));
    });

Так как метода .live() в этой версии JQ нет. Но даже если бы и был, или же как положено для этой версии использовался метод .on(), сама по себе задача описывающее это мягко выражаясь глупа для этого HTML:

<div class="wrapper_all_radio0">
                            <div class="radio_wrapper">
                                <input id="radio0" name="wrapper_all_radio0" value="23 см" type="radio">
                                <label for="radio0"><span></span>23 см</label><span class="price_tovar_item">8.5 руб.</span>
                            </div>
                             <div style="clear: both"></div>
                            <div class="radio_wrapper">
                                <input id="radio1" name="wrapper_all_radio0" value="30 см" type="radio">
                                <label for="radio1"><span></span>30 см</label><span class="price_tovar_item">30 руб.</span>
                            </div>
                            <div style="clear: both"></div>
                            <div class="radio_wrapper">
                                <input id="radio2" name="wrapper_all_radio0" value="36 см" type="radio">
                                <label for="radio2"><span></span>36 см</label><span class="price_tovar_item">15 руб.</span>
                            </div>
                            </div>

В данном случае нужно делегировать обработку изменения состояний кнопок их общему родителю wrapper_all_radio, убрав добавление к этим именам классов числовых значений, это пустое и не нужное.

Назначать же обработчики как впрочем и описывать все остальное, нужно не кучей кусков <script></script>, а в одном скрипте, по событию $(function().

А помещать $(????).find("input[type=radio]:checked").attr("value"), только не attr, а .val(), ибо это не атрибут, а свойство, во что-то нужно в обработчике щелчка по кнопке заказать:

$(function() {
    $('a.tovar_item_link').click(function() {
        $(this).closest('tovar_desc').find('input:radio:checked').val(); //это выбранное значение в текущей группе кнопок
        $("#value_product_2"). //а это что за хрень?
    });
})