Изменение html в зависимости от radio?

Question

ivan_it @ivan_it

PHP
HTML

Изменение html в зависимости от radio?

Всем привет, у меня есть

<input type="radio" name="paymentType" value="PC">
<input type="radio" name="paymentType" value="AC">
<input type="radio" name="paymentType" value="MC">

как сделать чтобы в зависимости от выбранного radio менялось значение action
Было

<form target="_blank" method="POST" action="../page1">

стало

<form target="_blank" method="POST" action="../page/sds/3">

Вопрос задан более трёх лет назад
403 просмотра

4 комментария

Подписаться 1 Простой 4 комментария

Valeriu Vodnicear @vodnicear

jQuery или JavaScript можете использовать
слушайте событие change для radio кнопки

Написано более трёх лет назад
ivan_it @ivan_it Автор вопроса

Valeriu Vodnicear,шарил бы еще я в jQuery или JavaScript не задавал бы вопросов...

Написано более трёх лет назад
Владимир @mevlan

ivan_it, так и не понял зачем такие сложности. Просвети зачем такое может понадобится?

Написано более трёх лет назад

2bllk @2bllk

<html>
<head>
	<title>Document</title>
</head>
<body>
	<form target="_blank" method="POST" action="../index.php" name="form">
	    <input type="radio" name="paymentType" value="PC">
	    <input type="radio" name="paymentType" value="AC">
	    <input type="radio" name="paymentType" value="MC">
	</form>

	<script type="text/javascript">
		document.form.onchange = () => {
			switch ((new FormData(document.form)).get('paymentType')){
				case 'PC':
					document.form.action = '/page/sds/3';
				break;
				case 'AC':
					document.form.action = '/page/sds/4';
				break;
				case 'MC':
					document.form.action = '/page/sds/5';
				break;
			}
		}
	</script>
</body>
</html>

Написано более трёх лет назад

Решения вопроса 1

9 комментариев

ivan_it @ivan_it Автор вопроса

header('Location: ../page/sds/3')
это идет уже переадресация, а мне нужно отправить post на страницу в зависимости от radio

Написано более трёх лет назад
2bllk @2bllk

ivan_it, post на страницу?!

Написано более трёх лет назад
ADMIN INDIGO @INDIGO1

ivan_it, а че тут думать? Через js сделайте в чем проблема?

Написано более трёх лет назад
Антон Р. @anton_reut

Можно еще через Switch разные обработчики подключать перебирая $_POST['paymentType'].

Написано более трёх лет назад
2bllk @2bllk

Антон Р., это уже другой вопрос

Написано более трёх лет назад

Антон Р. @anton_reut

2bllk, типа так:

<?php

if (isset($_POST['paymentType'])){
	
    switch ($_POST['paymentType']) {
    case 'PC':
         include 'обработчик_1.php';
        break;
    case 'AC':
         include 'обработчик_2.php';
        break;
    case 'MC':
        include 'обработчик_3.php';
        break;
}
};

Написано более трёх лет назад

2bllk @2bllk

Антон Р., да, да, да

Написано более трёх лет назад
ivan_it @ivan_it Автор вопроса

Антон Р., это все понятно но мне нужно изменить форму до её отправки!!!
Тоесть в зависимости от выбранного radio форма будет уходить на другой сайт

Написано более трёх лет назад
ivan_it @ivan_it Автор вопроса

Большое спасибо

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

2 комментария

ivan_it @ivan_it Автор вопроса

Или решение без бекенда:
Уже похоже на правду, но у меня почему то не работает

<form id="form1" target="_blank" method="POST" action="../page1">
    <input type="radio" name="paymentType" value="PC">
    <input type="radio" name="paymentType" value="AC">
    <input type="radio" name="paymentType" value="MC">
    <button type="submit" name="pay">Отправить</button>
</form>

<script type="text/javascript">
  $('#form1 input').on('change', function() {
   console.log($('input[name=radioName]:checked', '#myForm').val()); // выводим в консоль выбранное значение 

switch ($('input[name=radioName]:checked', '#myForm').val()) {
  case 'PC':
    $("#form1").attr("action", '../page/sds/3'); 
    break;
  case 'AC':
   $("#form1").attr("action", '../page/sds/2'); 
    break;
  case 'MC':
    $("#form1").attr("action", '../page/3');  
    break;
}
});

  </script>

Написано более трёх лет назад

Araik @NinjaNickName

ivan_it,

Поправьте
input[name=radioName]
на
input[name=paymentType]
и не забудьте про jquery

Написано более трёх лет назад

3 комментария

Ваш ответ на вопрос

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

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

PHP

Простой
Что лучше использовать для связей в бд?
- 2 подписчика
- 5 часов назад
- 76 просмотров
1

ответ
PHP

Простой
Deprecated: Implicit conversion from float to int loses precision in что не так?
- 1 подписчик
- 8 часов назад
- 46 просмотров
1

ответ
HTML

Простой
Какая альтернатива AVIFS поддерживается в iOS?
- 1 подписчик
- 20 дек.
- 31 просмотр
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 205 просмотров
2

ответа
PHP

+1 ещё

Средний
Как сортировать новости в результатах поиска по дате публикации?
- 5 подписчиков
- 19 дек.
- 1134 просмотра
1

ответ
PHP

+1 ещё

Простой
Частично не приходят письма с сайта на gmail — странно или норма?
- 1 подписчик
- 19 дек.
- 155 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 100 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 90 просмотров
1

ответ
HTML

+1 ещё

Простой
Как с помощью регулярного выражения найти все теги?
- 1 подписчик
- 19 дек.
- 87 просмотров
2

ответа
PHP

+2 ещё

Простой
При использовании mediatopic.post как указать, что пост должен отображаться от имени группы?
- 1 подписчик
- 19 дек.
- 30 просмотров
1

ответ
Показать ещё Загружается…

PHP разработчик

Lachestry • Таганрог

от 170 000 до 200 000 ₽

Бэкенд разработчик (PHP Symfony)

Продумáн • Москва

До 260 000 ₽

Backend-разработчик PHP

Wanted. • Москва

До 160 000 ₽

Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro

23 дек. 2024, в 00:27

20000 руб./за проект

Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro

23 дек. 2024, в 00:15

20000 руб./за проект

Собрать из исходного кода и запустить в докере рабочее приложение с бд

22 дек. 2024, в 22:57

500 руб./за проект

jQuery или JavaScript можете использовать
слушайте событие change для radio кнопки
Valeriu Vodnicear,шарил бы еще я в jQuery или JavaScript не задавал бы вопросов...
ivan_it, так и не понял зачем такие сложности. Просвети зачем такое может понадобится?
<html> <head> <title>Document</title> </head> <body> <form target="_blank" method="POST" action="../index.php" name="form"> <input type="radio" name="paymentType" value="PC"> <input type="radio" name="paymentType" value="AC"> <input type="radio" name="paymentType" value="MC"> </form> <script type="text/javascript"> document.form.onchange = () => { switch ((new FormData(document.form)).get('paymentType')){ case 'PC': document.form.action = '/page/sds/3'; break; case 'AC': document.form.action = '/page/sds/4'; break; case 'MC': document.form.action = '/page/sds/5'; break; } } </script> </body> </html>

Answer 1 · 2019-10-27 14:07:31

Почему бы Вам этим на сервере не заниматься?

<form target="_blank" method="POST" action="../index.php">
    <input type="radio" name="paymentType" value="PC">
    <input type="radio" name="paymentType" value="AC">
    <input type="radio" name="paymentType" value="MC">
</form>

index.php

if (isset($_POST['paymentType'])){
    if ($_POST['paymentType'] === 'PC')
        header('Location: ../page/sds/3')
        // ...
}

это все понятно но мне нужно изменить форму до её отправки!!!
Тоесть в зависимости от выбранного radio форма будет уходить на другой сайт

Второй вариант:

<html>
<head>
	<title>Document</title>
</head>
<body>
	<form target="_blank" method="POST" action="../index.php" name="form">
	    <input type="radio" name="paymentType" value="PC">
	    <input type="radio" name="paymentType" value="AC">
	    <input type="radio" name="paymentType" value="MC">
	</form>

	<script type="text/javascript">
		document.form.onchange = () => {
			switch ((new FormData(document.form)).get('paymentType')){
				case 'PC':
					document.form.action = '/page/sds/3';
				break;
				case 'AC':
					document.form.action = '/page/sds/4';
				break;
				case 'MC':
					document.form.action = '/page/sds/5';
				break;
			}
		}
	</script>
</body>
</html>

Answer 2 · 2019-10-27 15:35:42

Если обработчик формы на стороне php:

C jQuery:

$.ajax({
  url: "some.php", // урл обработчика
  success: function(data){
    console.log( "Прибыли данные: " + data ); // получили данные обработчика и вывели в консоль 
    $("#form1").attr("action", data); // для формы form1 меняем атрибут action на data который получили из обработчика формы some.php
  }
});

id у формы не забудьте прописать

<form id="form1" target="_blank" method="POST" action="../page1">

Или решение без бекенда:

$('#form1 input').on('change', function() {
   console.log($('input[name=radioName]:checked', '#myForm').val()); // выводим в консоль выбранное значение 

switch ($('input[name=radioName]:checked', '#myForm').val()) {
  case 'PC':
    $("#form1").attr("action", '../page/sds/3'); 
    break;
  case 'AC':
   $("#form1").attr("action", '../page/sds/2'); 
    break;
  case 'MC':
    $("#form1").attr("action", '../page/3');  
    break;
}
});

Answer 3 · 2019-10-27 13:56:49

<input type="radio" name="paymentType" value="<?php $action ='../page/sds/3'?>">
<input type="radio" name="paymentType" value="<?php $action ='../page/sds/4'?>">
<input type="radio" name="paymentType" value="<?php $action ='../page/sds/5'?>">

<form target="_blank" method="POST" action="<?php echo $action; ?>">

Не?

Изменение html в зависимости от radio?

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

Минуточку внимания

Войдите на сайт