如何使用 javascript 制作带有复选框的弹出窗口 window?

How can i make a pop-up window with checkboxes using javascript?

我正在尝试制作一个按钮,当它被点击时会打开一个弹出窗口 window。它正在运行,但我想添加一个具有三个复选框的弹出窗口 window。这是学校的作业,所以我不能使用除 HTML5、CSS 和 JavaScript 之外的任何其他语言。这可能吗?这是 HTML 代码:

<script language="JavaScript" src="prijsvraag.js"></script>
<input type="button" onclick="prijsvraagknop()" value="Prijsvraag"></button>

这是js代码

function prijsvraagknop(){
var naam = window.prompt("Jouw naam:")
var jouw_antwoord = window.prompt("Jouw reactie:")

if (document.getElementById('B').checked) {
    alert("Hoera " + NaamVar + "! Je hebt het antwoord goed. Er doen nog meer kinderen mee. Je kunt daarom over een maand op deze pagina lezen of je de hoofdprijs gewonnen hebt.");
    }
else {
    alert("Helaas " + NaamVar + ". Je hebt het antwoord fout. Je maakt geen kans op de hoofdprijs.");
    }   

您使用一种机制打开弹出窗口window。可以使用相同的机制在包含复选框的 div 上设置可见性标志。

where-as 你的 onClick 会导致你的警报或确认呼叫,呈现你的弹出窗口。您的 onClick 会在带有复选框的 div 上设置可见性标志。

这是一个 example.The html 代码,由如下所示的复选框组成。

<input type="button" id="popupbutton" onclick="popup(this)"/>
    <ul id="checkBundle">
        <li><label><input type="checkbox" />test1</label>
        <li><label><input type="checkbox" />test2</label>
        <li><label><input type="checkbox" />test3</label>
        <li><label><input type="checkbox" />test4</label>
     </ul>

下面是javascript

  function popup() {
       var popwindow = document.getElementById("checkBundle");
       if (popwindow.style.display === "none") {
           popwindow.style.display = "block";
      } else {
            popwindow.style.display = "none";
        }
   };