Как при клике на checkbox выбрать такой же checkbox ( c таким же текстом ) из другого блока?

Question

[Иван Гришов]

Приветствую. У меня есть два блока, в них находятся чекбоксы. Мне нужно при выборе чекбокса из одного блока, выбирать такой же ( с таким же текстом ) из второго и при отключение - отключать такой же из второго соответственно.

Подскажите пожалуйста, как я это могу реализовать на jquery?

У меня получилось сделать так, чтобы при клике выбирался чекбокс из другого блока, но текущий ( кликнутый ) не выбирается.

https://codepen.io/IvanGrishov/pen/NWXLmVM?editors=1111

Answer 1

[imko]

Очень избыточно получается. Просто заранее найди дубли и на клик по одному повесь слушатель который кликает по другому да и все

Comments

[imko]

Для надежности можно еще заранее синхронизировать их состояния, чтобы если один изначально чекнут а другой нет не получилось ненужного поведения

Answer 2

[Александр]

Каждому input с типом checkbox добавляете value, причём у одинаковых значений value должен совпадать. А дальше всё просто:

$('input[type="checkbox"]').change(function (event) {
  const checked = this.checked;
  $(`input[type="checkbox"][value="${this.value}"]`).prop('checked', checked);
});