Показать сообщение отдельно
  #10 (permalink)  
Старый 13.07.2012, 10:51
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

<form id="form">
  <input type="checkbox"><br>
  <input type="checkbox"><br>
  <input type="checkbox"><br>
  <input type="checkbox"><br>
</form>

<script>
window.onload = function () {
  var form = document.getElementById('form');

  form.onclick = function (e)  {
    e = e || event;
    var target = e.target || e.srcElement;
    if (target.type == 'checkbox') {
      var next = target.nextSibling;
      if (next && next.tagName == 'DIV') {
        if (next.style.display == 'inline') {
          next.style.display = 'none';
        } else {
          next.style.display = 'inline';
        }
      } else {
        var div = document.createElement('div');  
        div.style.display = 'inline';
        div.innerHTML = '<input><span style="cursor: pointer" onclick="this.previousSibling.value=\'\'">&nbspx</span>';
        this.insertBefore(div, next);
      }
    }
  }

}
</script>
Ответить с цитированием