Javascript-форум - Переключение

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Переключение (https://javascript.ru/forum/misc/51378-pereklyuchenie.html)

Переключение

Есть такой код:

<input type="radio" value="1" name="pocevzerno" checked="checked" id="dva1"/><label for="dva1">Пщеница</label> 
<input type="radio" value="2" name="pocevzerno" id="dva2"/><label for="dva2">Кукуруза</label>
<input type="radio" value="3" name="pocevzerno" id="dva3"/><label for="dva3">Ячмень</label>
<input type="radio" value="4" name="pocevzerno" id="dva4"/><label for="dva4">Свекла</label>
<input type="radio" value="5" name="pocevzerno" id="dva5"/><label for="dva5">Бобы</label>
<input type="radio" value="6" name="pocevzerno" id="dva6"/><label for="dva6">Фрукты</label>

и снизу на страницу точно такой же код, надо когда что-та выбираешь, чтоб менялся и снизу и сверху, то есть выбрал Фрукты, и внизу в точном таком же коде снизу поменялось на фрукты

porezon,
а то что id не должно повторятся на странице?

я делал, но не получилось

porezon,
name измените внизу

неа, тут js код нужен чтоб пререключалось

Цитата:

Сообщение от porezon

неа, тут js код нужен чтоб пререключалось

Ты контент сначала нормальный сделай... Потом про скрипт поговорим...

porezon,
type="radio" -- 2 значения выбрать нельзя - ставите другое name внизу - тогда можно сделать зависимость иначе никак

Цитата:

Сообщение от рони

type="radio" -- 2 значения выбрать нельзя

А он их в разные формы шельмец засунул... :D

<form action="" method="post">
<input type="radio" value="1" name="nameRadio" checked="checked"/><label for="dva1">Пщеница</label> 
<input type="radio" value="2" name="nameRadio"/><label for="dva2">Кукуруза</label>
<input type="radio" value="3" name="nameRadio"/><label for="dva3">Ячмень</label>
<input type="radio" value="4" name="nameRadio"/><label for="dva4">Свекла</label>
<input type="radio" value="5" name="nameRadio"/><label for="dva5">Бобы</label>
<input type="radio" value="6" name="nameRadio"/><label for="dva6">Фрукты</label>
</form>

<div id='rezultatRadio'>1</div>

<form action="" method="post">
<input type="radio" value="1" name="pocevzerno"/><label for="dva1">Пщеница</label> 
<input type="radio" value="2" name="pocevzerno"/><label for="dva2">Кукуруза</label>
<input type="radio" value="3" name="pocevzerno"/><label for="dva3">Ячмень</label>
<input type="radio" value="4" name="pocevzerno"/><label for="dva4">Свекла</label>
<input type="radio" value="5" name="pocevzerno"/><label for="dva5">Бобы</label>
<input type="radio" value="6" name="pocevzerno"/><label for="dva6">Фрукты</label>
<script>
window.onclick = function onclickRadio() {
  var nameRadio = document.getElementsByName('nameRadio');
  for (var i = 0; i < nameRadio.length; i++) {
    if (nameRadio[i].type === 'radio' && nameRadio[i].checked) {
        rezultatRadio = nameRadio[i].value;       
    }
  }
  document.getElementById('rezultatRadio').innerHTML = rezultatRadio;
}
</script>

сделал вот так, вывожу только число, надо как-то сделать чтоб если число совпадает давал чекед

porezon,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<form action="" method="post">
<input type="radio" value="1" name="nameRadio" checked="checked"/><label for="dva1">Пщеница</label>
<input type="radio" value="2" name="nameRadio"/><label for="dva2">Кукуруза</label>
<input type="radio" value="3" name="nameRadio"/><label for="dva3">Ячмень</label>
<input type="radio" value="4" name="nameRadio"/><label for="dva4">Свекла</label>
<input type="radio" value="5" name="nameRadio"/><label for="dva5">Бобы</label>
<input type="radio" value="6" name="nameRadio"/><label for="dva6">Фрукты</label>
</form>

<div id='rezultatRadio'>1</div>

<form action="" method="post">
<input type="radio" value="1" name="pocevzerno"/ checked="checked"><label for="dva1">Пщеница</label>
<input type="radio" value="2" name="pocevzerno"/><label for="dva2">Кукуруза</label>
<input type="radio" value="3" name="pocevzerno"/><label for="dva3">Ячмень</label>
<input type="radio" value="4" name="pocevzerno"/><label for="dva4">Свекла</label>
<input type="radio" value="5" name="pocevzerno"/><label for="dva5">Бобы</label>
<input type="radio" value="6" name="pocevzerno"/><label for="dva6">Фрукты</label>
</form>
<script>
window.onclick = function onclickRadio() {
  var nameRadio = document.getElementsByName('nameRadio'),
  pocevzerno = document.getElementsByName('pocevzerno');
  for (var i = 0; i < nameRadio.length; i++) { console.log(nameRadio[i].checked)
    if (nameRadio[i].checked) {
        rezultatRadio = nameRadio[i].value;
        pocevzerno[i].checked = true;
        break
    }
  }
  document.getElementById('rezultatRadio').innerHTML = rezultatRadio;
}
</script>


</body>

</html>

Ну что за бред? на форму вешайте онченж, получили таргет - нашли тождество в другой форме и все. Чтобы быстро найти тождество придумайте id. Аналогично встречно с той другой формы.

Что за хрень вообще? Какая-то бл идиосинкразия к id. Откройте гуглевскую пагу поиска - там голимые id. Нафиг на пупе изворачиваться, если профтыкал и бери тепленькими.

И еще, радио и чекбоксы - угребище. В стопицот раз проще отрендерить и обслужить select-multiple. И выглядит по-человечески.

Тем более что тут и не мултики.

Понял, у него были ид, но их распугали. ТС, верните ид

<form id='form1' ...

<input type='radio' id='form1rad1'...
form1rad2
form1rad3

//аналогично для второй
form2rad1
form2rad2
form2rad3
//...

var coaxial_radio=function(event){

   var radio = event.target;

   var that = (this.id== 'form1')?'form2';'form1';

   document.getElementById(radio.id.replace(this.id,that)).checked = radio.checked;
};

form1.addEventListener('change',coaxial_radio);
form2.addEventListener('change',coaxial_radio);

Какой-то там еще надо - впишите.

inline в форму все можно вписать, там 1 строка будет.

ЗЫ Отгружать лучше 1 форму, тогда вообще просто. В одно форме name, в другой точно такие же id. Но функции будут разные.

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