Как передать данные из radio, которое не в форме, в форму?

Question

[vladislav997]

Такой вопрос, как передать данные из radio, которое не в форме, в форму?

Пример html:

<form action="" method="POST">
...
</form>

// content

<input class="uk-radio" type="radio" name="example" value="1" >
<input class="uk-radio" type="radio" name="example" value="2" >

Загвоздка в том, что радио не могу поместить в форму, т.к. оно находится в середине страницы, а форма в начале. Делать форму на пол страницы не вариант. Как можно решить этот момент? может при выборе радио передавать данные гетом в урл, а в форме сделать:
<input value="<?php echo $_GET['name']">
?
Если это как вариант, можете подсказать решение на js?

upd. основная проблема в том, что я очень плохо знаю js

Comments

[Spartak (Web-StyleStudio)]

Добавьте в форму скрытый input
<input type="hidden" name="example" value="">
А на радио инпутах повесить событие onchange и через js передать в форму в скрытый инпут значение из радио

[vladislav997]

Spartak (Web-StyleStudio), проблема и состоит в том, что я очень плохо знаю js..

Answer 1

[Spartak (Web-StyleStudio)]

<form action="" method="POST">
	<input type="hidden" id="example" name="example" value="">
...
</form>

<input class="uk-radio" type="radio" name="example" value="1" onchange="document.getElementById('example').value = this.value">
<input class="uk-radio" type="radio" name="example" value="2" onchange="document.getElementById('example').value = this.value">

Answer 2

[Stalker_RED]

Укажите у input-ов атрибут form, а в нем id формы.

Comments

[Spartak (Web-StyleStudio)]

Всё хорошо, но вот в браузерах IE атрибут form не работает

https://html5css.ru/tags/att_form.php

[Stalker_RED]

Spartak (Web-StyleStudio), https://caniuse.com/?search=form%20attribute
вы в самом деле разрабатываете для ie?

[Spartak (Web-StyleStudio)]

Stalker_RED,

вы в самом деле разрабатываете для ie?

Странный вопрос. Я для IE ничего не разрабатываю. Дело не в том, кто и что разрабатывает. А в том, кто этим будет пользоваться!
Код должен быть кроссбраузерным

P/S: я делаю для тех кто этим будет пользоваться, а не для конкретного браузера. У вас наверное такой подход - не работает в этом браузере откройте другой))

[Spartak (Web-StyleStudio)]

Stalker_RED,

Можно указывать не у каждого инпута, а а обернуть их в fieldset.

Атрибут form в fieldset не поддерживается, хотя в хроме работает, в других не тестил.

[Stalker_RED]

Spartak (Web-StyleStudio), спасибо, упоминание fieldset уберу.

И да, я не разрабатываю для ie уже много лет, и только рад этому.

Answer 3

[Steppp]

Сделай в форме скрытые чекбоксы, и при изменении видимых, меняй и скрытые)))