Как изменить состояние флажка (checkbox)?

Как можно добавить чекбокс для каждой записи таблицы с данными и сделать их изменяемыми при нажатии?
  • 16 мая 2024 г. 10:20
Ответы на вопрос 2
1. Для изменения состояния флажка (checkbox) на веб-странице, можно использовать JavaScript. Пример кода для изменения состояния флажка:

```javascript
// Получаем элемент флажка по его ID
var checkbox = document.getElementById('myCheckbox');

// Меняем состояние флажка
checkbox.checked = !checkbox.checked; // если флажок был отмечен, то он станет неотмеченным, и наоборот
```

2. Для добавления чекбокса для каждой записи таблицы можно использовать HTML и JavaScript. Пример кода:

```html
<table id="myTable">
  <tr>
    <td><input type="checkbox" class="checkbox"></td>
    <td>Запись 1</td>
  </tr>
  <tr>
    <td><input type="checkbox" class="checkbox"></td>
    <td>Запись 2</td>
  </tr>
</table>

<script>
var checkboxes = document.querySelectorAll('.checkbox');
checkboxes.forEach(function(checkbox) {
  checkbox.addEventListener('change', function() {
    if (this.checked) {
      // Чекбокс отмечен
    } else {
      // Чекбокс не отмечен
    }
  })
})
</script>
```

Этот код добавляет по одному чекбоксу для каждой записи таблицы и добавляет обработчик события на изменение состояния чекбокса. Теперь каждый чекбокс будет изменяемым при нажатии.
Quasar? У него для таблиц есть готовые варианты с выбором строк. 
https://quasar.dev/vue-components/table/#selection
Похожие вопросы