如何使用复选框创建数据集 dom javascript

Question

请帮助我我不知道如何使用复选框创建数据集，这是我的源代码：

const isCompleted    = document.querySelector('[data-input-Book-IsComplete]:checked');

应该怎样...？谢谢

Answer 1

您需要引用数据属性的值。

const isCompleted = document
  .querySelector('input[data-input="Book-IsComplete"]:checked')
  .checked;

console.log(isCompleted); // true

<input type="checkbox" data-input="Book-IsComplete" checked />

如果要检查数据集，可以尝试以下操作：

const isCompleted = [...document.querySelectorAll('input[type="checkbox"]')]
  .find(checkbox => checkbox.dataset.input === 'Book-IsComplete')?.checked ?? false;

console.log(isCompleted); // true

<input type="checkbox" data-input="Book-IsComplete" checked />

如何使用复选框创建数据集 dom javascript

how to create dataset with use checkbox dom javascript

javascript

checkbox

dom

dataset

queryselector