Форум

porezon · #1 (**permalink**) 05.11.2014, 11:17

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

<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>

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

рони · #2 (**permalink**) 05.11.2014, 11:31

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

porezon · #3 (**permalink**) 05.11.2014, 11:50

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

рони · #4 (**permalink**) 05.11.2014, 12:11

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

porezon · #5 (**permalink**) 05.11.2014, 13:09

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

ksa · #6 (**permalink**) 05.11.2014, 13:33

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

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

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

рони · #7 (**permalink**) 05.11.2014, 13:35

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

ksa · #8 (**permalink**) 05.11.2014, 13:36

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

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

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

porezon · #9 (**permalink**) 05.11.2014, 18:56

<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>

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

рони · #10 (**permalink**) 05.11.2014, 19:13

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>

Форум

Справочник

Discord чат

Курсы javascript