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>