Javascript 更改时无法触发鞋带（CSS）选择元素

我正在使用“选择作为协议”复选框的元素，需要检查是否选中该复选框。Chrome DevTools在检查开关时向我显示标签中添加的类“switch--checked”。取消选中时，它将被删除

我需要在检查开关并尝试jQuery函数时触发一些事件。我试过下面的课程旁边的几个课程。所有这些都没有触发我的事件请帮忙

if ( $("label::part(base)").hasClass(".switch--checked") ) {
  // do something
}

选择未选中的元素

选择元素strong文本选中

---

如果您获得对元素实例的引用，您将能够直接读取

选中的

属性，以及附加事件侦听器，以便在

选中的

属性更改时获得通知：

const slSwitch=document.querySelector（'sl-switch'）；
//检查过了吗？
const checked=slSwitch.checked；
//倾听变化
slSwitch.addEventListener（'slChange'，（e）=>console.log（“是否选中？：”，e.target.checked））；

您可以在其文档中阅读有关自定义元素支持的属性和事件的更多信息：