Rак получить из input radio данные js а?

Question

[Катя]

День добрый!
есть форма оплаты:

<input type="radio" id="sum_100" name="sum" value="100" checked="checked" /><label for="sum_100">100 <span class="rouble">a</span></label>
			<input type="radio" id="sum_200" name="sum" value="200" /><label for="sum_200">200 <span class="rouble">a</span></label>
			<input type="radio" id="sum_500" name="sum" value="500" /><label for="sum_500">500 <span class="rouble">a</span></label>
			<input type="radio" id="sum_1000" name="sum" value="1000" /><label for="sum_1000">1 000 <span class="rouble">a</span></label>
			<input type="radio" id="sum_1500" name="sum" value="1500" /><label for="sum_1500">1 500 <span class="rouble">a</span></label>
			<input type="radio" id="sum_2000" name="sum" value="2000" /><label for="sum_2000">2 000 <span class="rouble">a</span></label>
			<input type="text" class="b-donate__sum__other" name="sum" placeholder="Другая сумма" maxlength="12" />

есть js (Jquery) (cloudpayments)

var amount = parseFloat($('#amount').val());
        var accountId = $('#email').val();

        widget.charge({ // options
            publicId: 'test_api_00000000000000000000002', //id из личного кабинета
            description: 'Пожертвование в фонд ...', //назначение
            amount: amount, //сумма
            currency: 'RUB', //валюта
            accountId: accountId, //идентификатор плательщика (обязательно для создания подписки)
            email: accountId,
            data: data
        },

данная строка
var amount = parseFloat($('#amount').val());
если правильно поняла получает значение в числовом виде из формы input type=text
(взяла из документации виджета)
Но если я задам id для всех input-ов одно и тоже
то ломается форма.
Как сделать так чтоб взависимости от выбранного radio или text
скрипт брал значение
Спасибо огромное!

Comments

[Антон]

Ничего непонятно. Откуда вообще этот amount берется, где он у Вас в форме?

[Антон]

https://jsfiddle.net/wd1pjr0k/1

[Катя]

Антон, amount был задан из примера. (документации виджета)
в примере виджета форма оплаты была простой один инпут текст с id=amount
а мне нужно дать посетителю возможность выбрать из нескольких значений (radio) или ввести сумму свою (text)

полный код

<script type="text/javascript">
    this.paySample4 = function () {
        var widget = new cp.CloudPayments();

        var data = { //данные дарителя
            name: $('#name').val(),
            lastName: $('#lastName').val(),
            phone: $('#phone').val()
        };

        var auto = $('#recurrent').is(':checked'); //проверка

        if (auto) { //включаем подписку
            data.cloudPayments = {
                recurrent: { interval: 'Month', period: 1 } //один раз в месяц начиная со следующего месяца
            }
        }

        var amount = parseFloat($('#amount').val());
        var accountId = $('#email').val();

        widget.charge({ // options
            publicId: 'test_api_00000000000000000000002', //id из личного кабинета
            description: 'Пожертвование в фонд ...', //назначение
            amount: amount, //сумма
            currency: 'RUB', //валюта
            accountId: accountId, //идентификатор плательщика (обязательно для создания подписки)
            email: accountId,
            data: data
        },
        function (options) { // success
            //действие при успешной оплате
        },
        function (reason, options) { // fail
            //действие при неуспешной оплате
        });
    };

    $('#checkout').click(paySample4);
</script>

[Антон]

Катя, Вам нужно повесить метод .change на нужные вам инпуты, который будет отслеживать изменения в них и брать в теле метода значение из выбранного радио или text.
Пример на фиддле я Вам скинул выше.

[Катя]

Антон, если Вас не затруднит могли бы вы показать как правильно вставить метод change в тот скрипт который я указала ввыше. Спасибо Вам за терпение!