Форум

vasyakrn · #1 (**permalink**) 05.07.2015, 01:35

Помогите написать js код чтоб при клике на ссылку отмечался чекбокс. Брать все в тег <label> не вариант, так как не работает в некоторих браузерах. Вот мой код

<input id="one" type="checkbox" />
<a id="one"  >Один</a>

<input id="two" type="checkbox" />
<a id="two"  >Два</a>

<input id="three" type="checkbox" />
<a id="three"  >Три</a>

Decode · #2 (**permalink**) 05.07.2015, 03:27

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
</head>
<body>
  <div class="block">
    <input id="one" type="checkbox" />
    <a href="#" id="one">Один</a>

    <input id="two" type="checkbox" />
    <a href="#" id="two">Два</a>

    <input id="three" type="checkbox" />
    <a href="#" id="three">Три</a>
  </div>


  <script>
    document.querySelector('.block').onclick = function(e) {
      e.preventDefault();

      var target, id, elem;

      target = e.target;
      if(target.nodeName != 'A') return;

      id = target.getAttribute('id');
      if(!id) return;

      elem = document.getElementById(id);
      elem.checked = (elem.checked) ? false : true;
    };
  </script>

</body>
</html>

рони · #3 (**permalink**) 05.07.2015, 11:43

Decode,
как вариант

elem = target.previousElementSibling;
      elem.checked = !elem.checked;

Форум

Справочник

Discord чат

Курсы javascript