如何根據javascript中的複選框選擇打開引導模態窗口？

Question

我有幾個複選框。當單擊一個複選框時，我必須得到複選框的ID，然後打開相應的模態窗口。如何使用Javascript來做到這一點？ 我想在JavaScript和jQuery的不..

Answer 1

你不能做到這一點的方法，因爲所有的JavaScript引導程序插件需要jQuery的作爲一個依賴（見Bootstrap.js API here的插件依賴性部分）。

下面是一個JSFiddle，演示了how to attach an event listener to a checkbox in 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> 

不幸的是，如果您在控制檯看，你會看到錯誤。