Синхронизация чекбоксов
Нужна помощь. Есть два блока с чекбоксами. Мне нужно синхронизировать их по названиям. Чтобы при выборе чекбокса из первого блока выбирался такой же из второго. И при отмене выделения, отменялись оба. Спасибо за ответ.
._block1{
border: 1px solid red;
width: 400px;
}
._block2{
border: 1px solid green;
width: 400px;
}
ul li {
list-style: none;
} <div class="_block1">
<ul>
<li>
<label>
<input type="checkbox">
<span>Квартиру</span>
</label>
</li>
<li>
<label>
<input type="checkbox">
<span>Аппартаменты</span>
</label>
</li>
<li>
<label>
<input type="checkbox">
<span>Дом</span>
</label>
</li>
</ul>
</div>
<div class="_block2">
<ul>
<li>
<label>
<input type="checkbox">
<span>Квартиру</span>
</label>
</li>
<li>
<label>
<input type="checkbox">
<span>Аппартаменты</span>
</label>
</li>
<li>
<label>
<input type="checkbox">
<span>Дом</span>
</label>
</li>
</ul>
</div>