如何在Javascript中基于复选框选择打开引导模式窗口？

我有几个复选框。单击复选框时，我必须获取复选框的id，然后打开相应的模式窗口。如何使用Javascript实现这一点

---

我想要Javascript而不是jQuery中的方法。

您不能这样做，因为所有引导Javascript插件都需要jQuery作为依赖项（请参阅Bootstrap.js API的插件依赖项部分）

下面是一个JSFiddle，它演示了

document.getElementById（“toggleRedModal”）.addEventListener（“单击”，showRedModal）；
document.getElementById（“toggleGreenModal”）.addEventListener（“单击”，showGreenModal）；

---

不幸的是，如果您查看控制台，您将看到错误

未捕获错误：Bootstrap的JavaScript需要jQuery

不想使用jQuery的原因是什么？另外，请发布您当前拥有的代码。好像您需要一个不使用jQuery的理由：）

<input type="checkbox" id="toggleRedModal"/>
<input type="checkbox" id="toggleGreenModal"/>

<script>
    document.getElementById("toggleRedModal").addEventListener("click", showRedModal);
    document.getElementById("toggleGreenModal").addEventListener("click", showGreenModal);
</script>