# Привязка к массиву

Список чекбоксов, привязанных к одному массиву:

```markup
<div id="example-3" class="demo">
  <input type="checkbox" id="jack" value="Джек" v-model="checkedNames">
  <label for="jack">Джек</label>
  <input type="checkbox" id="john" value="Джон" v-model="checkedNames">
  <label for="john">Джон</label>
  <input type="checkbox" id="mike" value="Майк" v-model="checkedNames">
  <label for="mike">Майк</label>
  <br>
  <span>Отмеченные имена: {{ checkedNames }}</span>
</div>
```

```javascript
new Vue({
  el: '#example-3',
  data: {
    checkedNames: []
  }
})
```

<div align="left"><img src="https://955258160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuIgnBBZPLjlzke50z9%2F-Lxu3YLax3fmCaK3z-B2%2F-Lxw10MoFt00CoE6HRWg%2Fimage.png?alt=media&#x26;token=edb24b5b-152c-4275-b894-192bcd3ff697" alt=""></div>

<div align="left"><img src="https://955258160-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuIgnBBZPLjlzke50z9%2F-Lxu3YLax3fmCaK3z-B2%2F-Lxw1405Da3gHQRvixto%2Fimage.png?alt=media&#x26;token=9ccd0f2c-ac64-487d-9a3e-0dcab111fcaf" alt=""></div>