Есть ли способ определить проверенную переключатель перед отправкой формы? -- javascript поле с участием forms поле с участием stripe-payments пол Связанный проблема

Is there a way to determine checked radio button before form submission?


0
vote

проблема

русский

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

 <код> <script src="https://checkout.stripe.com/checkout.js"></script>             <form id="payment-form" method="post" action="procedures/charge.php" >                 <input id="monthly" type="radio" name="plan-id" value="monthly1" > $10/month<br>                 <input id="annual" type="radio" name="plan-id" value="annual1" > $89/year<br>                 <button type="submit" id="customButton">Sign Up</button>             </form>             <script>                            document.getElementById('customButton').addEventListener('click', function(e) {               //This is where I'm having my problem                var plan = document.querySelector('input[name = "plan-id"]:checked').value;             if(plan = 'monthly1') {               var description = 'Monthly Subscription';               var amount = 1000;             }else if(plan = 'annual1') {               var description = 'Annual Subscription';               var amount = 8900;             }                 // Open Checkout with further options:               handler.open({                 name: 'Your Strength Coach',                 description: description,                 amount: amount,                 email: '<?php echo $user['email'] ?>',               });               e.preventDefault();             });             </script>   

Моя проблема приходит, когда я пытаюсь проверить, на какое радио проверяется, чтобы назначить переменные в разделе Handler.Open. Я добавляю «проверено» на любой ввод, код работает с этим по умолчанию. Но это не зарегистрирует изменение, если я выберу что-то кроме этого «проверенного» элемента.

Например, если Monity1 Radio имеет проверкуемое свойство, я не могу получить код, чтобы заметить, что вы выбрали опцию «Ежегодно» и используете эту часть оператора IF.

Есть ли способ определить, какая кнопка выбрана на этом этапе в работе?

Английский оригинал

I'm working on creating a dynamic Stripe checkout form. I would like the form to change based on a radio button selection. Here is the code I have so far. I removed some of the stripe code that is unnecessary for this question, but it's in there and works on my end.

<script src="https://checkout.stripe.com/checkout.js"></script>             <form id="payment-form" method="post" action="procedures/charge.php" >                 <input id="monthly" type="radio" name="plan-id" value="monthly1" > $10/month<br>                 <input id="annual" type="radio" name="plan-id" value="annual1" > $89/year<br>                 <button type="submit" id="customButton">Sign Up</button>             </form>             <script>                            document.getElementById('customButton').addEventListener('click', function(e) {               //This is where I'm having my problem                var plan = document.querySelector('input[name = "plan-id"]:checked').value;             if(plan = 'monthly1') {               var description = 'Monthly Subscription';               var amount = 1000;             }else if(plan = 'annual1') {               var description = 'Annual Subscription';               var amount = 8900;             }                 // Open Checkout with further options:               handler.open({                 name: 'Your Strength Coach',                 description: description,                 amount: amount,                 email: '<?php echo $user['email'] ?>',               });               e.preventDefault();             });             </script> 

My problem comes when I try to test for which radio is checked to assign the variables in the handler.open section. I have add "checked" to either input, the code works with that default. But it will not register a change if I select something other than that "checked" item.

For example, if the monthly1 radio has the checked property, I can't get the code to notice I selected the annual1 option and use that portion of the if statement.

Is there a way to determine which button is selected at this stage in the operation?

</div
        
 
 

Список ответов

1
 
vote
vote
Лучший ответ
 

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

Причина, по которой она не работает, - это из-за того, что сказал Rayon в комментарии, вы используете оператор присваивания вместо оператора равен. (= v / s == или ===)

 

I don't understand. The checked property means you have selected that item, if you select something else after selecting some item, the checked property will also change accordingly.

The reason it is not working is because of what Rayon said in the comment, you are using assignment operator instead of equals operator. (= v/s == or ===)

</div
 
 
 
 

Связанный проблема

0  Регулировка часовой пояс в JavaScript на основе IP-адреса  ( Timezone adjustment in javascript based on ip location ) 
<Код> offset = new Date().getTimezoneOffset(); Это дает вам смещение временизона, основанное на компьютерных часах или часовой зоне браузера. Есть ли спосо...

7  Объект IIFE и Window?  ( Iife and window object ) 
<Код> IIFE Что нужно получить доступ без переопределения <код> window объект - можно рассматривать как: что-то вроде ( jQuery Пример): <код> $(function...

0  Проблема космического дерева JavaScript  ( Space tree javascript problem ) 
Я использую Space Tree Java Script для создания диаграммы организации. Теперь, когда это работает нормально, но проблема в том, что я не могу печатать график ...

8  Почему я не могу удалить это cookie?  ( Why cant i delete this cookie ) 
Хорошо, вот 411 - у меня есть следующий обработчик событий в моем файле Global.Asax.cs: <код> private void Global_PostRequestHandlerExecute(object sender, E...

1  Как сила использует «это» в CoffeeScript?  ( How force use this in coffeescript ) 
Мне нужно определить один статический метод в матчах, как это: <код> class @MotherClass @test = => Foo.bar(this) # same with @ Но если вы попробуе...

1  Передача нескольких массивов на график C3  ( Passing multiple arrays to c3 graph ) 
У меня есть API, давая мне несколько массивов, которые я должен поместить на диаграмме линии C3. Кажется, я умею построить просто хорошо, но если я начну прох...

41  Тест, если элемент уже имеет jQuery DatePicker  ( Test if element already has jquery datepicker ) 
У меня есть форма со многими входными элементами. Некоторые поля встречаются на сегодняшний день с jQuery UI DatePicker Arlaedy прилагается: <код> $("#someE...

-3  Несоответствие массива JavaScript  ( Javascript array inconsistency ) 
У меня есть массив. Я бегу к проблемам, так что ... В моем коде я поместил следующий код отладки: <код> console.log(this.pages); console.log(this.pages.le...

0  JavaScript -Paste из буфера обмена к определенной ячейке в Excel  ( Javascript paste from clipboard to specific cell in excel ) 
У меня есть функция JS, которая копирует изображение от Div на буфер обмена (только в IE) и вставляет его в Excel. Я хотел бы знать, как я могу вставить содер...

0  Расчет разницы в положении курсора  ( Calculating difference in cursor position ) 
Я хочу создать что-то, что проводит и показывает каждое из некоторых изображений, когда пользователь перемещает мышь через экран. Я изначально пытался испол...

0  Функция обжига от Google Войти в кнопку, когда пользователь уже вписан в браузер  ( Firing function from google sign in button when user is already signed into brow ) 
Я пытаюсь иметь Google Войти на моем сайте. В настоящее время, если вы уже зарегистрированы в браузере, кнопка скажет «подписано» и <код> g_login() Функция...

6  Как вызвать функцию JavaScript в верхней раме?  ( How to call a javascript function in the top frame ) 
Это кажется действительно простым, но как мне позвонить функцию JavaScript, которая определяется в HTML верхнего уровня, от детской рамы? <код> top html doc...

6  Office 365 График API от JavaScript: Как правильно аутентифицировать  ( Office 365 graph api from javascript how to properly authenticate ) 
Я не ненавижу ОАУТ, но я ненавижу себя, потому что не смог обернуть голову вокруг концепции. Сказав это, вот мой вопрос: я пытаюсь позвонить в API Office Grap...

0  Почему JavaScript не стреляет? [закрыто]  ( Why javascript is not firing ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> <Путь d = "M15 6.38A6.48 6.48 0 007.78. 04H-.02A6.49 6.49 0 002.05 ...

0  jQuery работает в Firefox, Safari, но не в Chrome  ( Jquery working in firefox safari but not in chrome ) 
Я написал какой-то код с JQuery Works в Firefox, Safari и IE9. Но Chrome это не нравится. Никаких очевидных MSG в Chrome Console не подходит. Я ударяю стену, ...