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

Question

我正在尝试制作一个按钮，单击该按钮时会打开一个弹出窗口。它正在工作，但我想添加一个包含三个复选框的弹出窗口。这是学校的作业，所以除了 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.");
    }   

Answer 1

这是一个示例。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";
        }
   };