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