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

Question

我想使用span标签将类别设为可切换。每当单击span标签时，我都想编写代码，将单击的span标签的值更改为active: true，并将其余span标签的值更改为active: false。但我不知道该如何做.. :(我编写了一个名为toggleCategory的函数，但使用此函数，只能进行切换。因此，请帮助我编写主代码。

按默认键和值

document.querySelector('#category').addEventListener('submit', () => {
    categories.push({
        id: uuidv4(),
        active: false 
    })
})
切换激活的类别（这是Prombelem）

const toggleCategory = (id) => {
    const category = categories.find((category) => category.id === id)

    if (category) {
        category.active = !category.active
    }
}

我想使用span标签将类别设为可切换。每当我单击一个span标签时，我都想编写代码以将单击的span标签的值更改为active：true并更改其余的...

Answer 1

[如果要在其他跨度上都切换一个类，并将被点击的类设置为活动状态，则可以通过使用css选择器选择要查找的所有标签并分配一个click事件，然后插入类似下面...