Показать сообщение отдельно
  #4 (permalink)  
Старый 29.06.2014, 22:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,590

Webtest,
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .div1{
    border: 2px solid transparent;
  }
  </style>
  <script type="text/javascript">
 window.onload = function () {
    var a = document.querySelectorAll(".div1");
    Array.prototype.forEach.call(a, function (c) {
        c.querySelector("input").onclick = function () {
            Array.prototype.forEach.call(a, function (a) {
                var b = a.querySelector("input");
                a.style.borderColor = b.checked ? b.value : ""
            })
        }
    })
};
</script>
</head>
<body>
<form method="post" >
<label><div class="div1" id="red"><input class="input1" type="radio" name="color" value="red" ></div></label>
<label><div class="div1" id="green"><input class="input1" type="radio" name="color" value="green"></div></label>
<label><div class="div1" id="blue"><input class="input1" type="radio" name="color" value="blue"></div></label>
<input type="submit" value='submit'>
</form>
</body>
</html>
Ответить с цитированием