Показать сообщение отдельно
  #6 (permalink)  
Старый 09.07.2015, 21:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

sash003,

Цитата:
чтобы при выборе одного из значений первой группы радиокнопок, во второй группе выбиралось ровно тоже самое.
<!DOCTYPE HTML>

<html>

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

<body>
<input type="radio" name="property_0" id="1"/>
<input type="radio" name="property_0" id="2"/>
<input type="radio" name="property_0" id="3"/>
<br />
<input type="radio" name="property_1" class="i1"/>
<input type="radio" name="property_1" class="i2"/>
<input type="radio" name="property_1" class="">
<script>
var radio = document.getElementsByName('property_0');
var radio2 = document.getElementsByName('property_1');
for(var i = 0; i<radio.length; i++){
    addEvent(radio[i], 'click', handler(i));
}

function handler(a) {
    return function() {
        radio2[a].checked = true
    }
}

// функция кроссбраузерной установки обработчиков событий
function addEvent(elem, type, handler, param){
    param = param || false;
  if(elem.addEventListener){
    elem.addEventListener(type, handler, param);
  } else {
    elem.attachEvent('on'+type, handler);
  }
  return false;
}

// функция кроссбраузерного удаления обработчиков событий
function removeEvent(elem, type, handler, param){
    param = param || false;
  if(elem.removeEventListener){
    elem.removeEventListener(type, handler, param);
  } else {
    elem.detachEvent('on'+type, handler);
  }
  return false;
}
</script>
</body>

</html>

Последний раз редактировалось рони, 09.07.2015 в 22:30.
Ответить с цитированием