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

【问题标题】：how to create dataset with use checkbox dom javascript如何使用复选框 dom javascript 创建数据集
【发布时间】：2021-05-27 02:19:22
【问题描述】：

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

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

应该怎样...？谢谢

【问题讨论】：

“使用复选框创建数据集”是什么意思？是否要检查checkbos是否被选中：How can I check if a checkbox is checked?

标签： javascript dom checkbox dataset queryselector

【解决方案1】：

你需要引用data属性的值。

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

console.log(isCompleted); // true

&lt;input type="checkbox" data-input="Book-IsComplete" checked /&gt;

如果要检查数据集，可以尝试以下方法：

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

console.log(isCompleted); // true

&lt;input type="checkbox" data-input="Book-IsComplete" checked /&gt;

【讨论】：