如何根据 Javascript 中的复选框选择打开引导模式窗口

How to open bootstrap modal windows based on a checkbox selection in Javascript?

本文关键字：窗口 模式 选择 复选框 何根 Javascript      更新时间：2023-09-26

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

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

你不能

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

下面是一个 JSFiddle，演示了如何将事件侦听器附加到 Javascript 中的复选框。 

<input type="checkbox" id="toggleRedModal"/>
<input type="checkbox" id="toggleGreenModal"/>
<script>
    document.getElementById("toggleRedModal").addEventListener("click", showRedModal);
    document.getElementById("toggleGreenModal").addEventListener("click", showGreenModal);
</script>

不幸的是，如果您在控制台中查看，您将看到错误 Uncaught Error: Bootstrap's JavaScript requires jQuery .

相关文章：