Javascript 如何仅将对象的一个值设置为true和rest false（可切换类别）

我想使用span标记创建一个可切换的类别。 每当我单击span标记时，我都想编写代码，将单击的span标记的值更改为

active:true

，并将其余span标记的值更改为

active:false

。但我不知道怎么做（我编写了名为

toggleCategory

的函数，但使用此函数，只能进行切换。因此，请帮助我编写masters…（使用vanilla JS）

按默认键和值

document.querySelector('#category').addEventListener('submit', () => {
    categories.push({
        id: uuidv4(),
        active: false 
    })
})

切换激活的类别（这是Prombelem）

---

如果您想在其他跨距上切换一个类，并将单击的一个设置为活动，您可以通过使用css选择器选择要查看的所有标记并指定一个单击事件，然后插入逻辑，如下面所示

document.querySelectorAll('span').addEventListener('click', () => {
    document.querySelectorAll('span').forEach( (e) => { //Gets all spans on page and loop throught them removing the active class.
        e.classList.remove('active');
    });
    this.classList.add('active'); //Get clicked span (That toggled the event) and adds the active class.
});

---

如果您想在其他跨距上切换一个类，并将单击的一个设置为活动，您可以通过使用css选择器选择要查看的所有标记并指定一个单击事件，然后插入逻辑，如下面所示

document.querySelectorAll('span').addEventListener('click', () => {
    document.querySelectorAll('span').forEach( (e) => { //Gets all spans on page and loop throught them removing the active class.
        e.classList.remove('active');
    });
    this.classList.add('active'); //Get clicked span (That toggled the event) and adds the active class.
});