如何使用javascript创建带有复选框的弹出窗口?

如何使用javascript创建带有复选框的弹出窗口?,javascript,html,checkbox,popupwindow,Javascript,Html,Checkbox,Popupwindow,我试图做一个按钮,当它被点击时打开一个弹出窗口。它正在工作,但我想添加一个有三个复选框的弹出窗口。这是学校的作业,所以我不能使用HTML5、CSS和JavaScript以外的任何其他语言。这可能吗?这是HTML代码: <script language="JavaScript" src="prijsvraag.js"></script> <input type="button" onclick="prijsvraagknop()" value="Prijsvraag"

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

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

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


其中,onClick将导致发出警报或确认呼叫,呈现弹出窗口。您的onClick将在带有复选框的div上设置可见性标志。

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


其中,onClick将导致发出警报或确认呼叫,呈现弹出窗口。您的onClick将在div上设置一个带有复选框的可见性标志。

这里是一个示例。
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>

下面是一个示例。
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以使弹出窗口允许自定义渲染。您可以使用window.open和第二个HTML页面来完成此操作。使用本机浏览器功能无法使用的方式创建模式窗口。您需要创建一些自定义JavaScript以使弹出窗口允许自定义渲染。您可以使用window.open和第二个HTML页面来完成此操作。只需使用
  function popup() {
       var popwindow = document.getElementById("checkBundle");
       if (popwindow.style.display === "none") {
           popwindow.style.display = "block";
      } else {
            popwindow.style.display = "none";
        }
   };