2017-10-24 5 views
1

私は、クリックするとポップアップウィンドウを開くボタンを作ろうとしています。動作していますが、3つのチェックボックスがあるポップアップウィンドウを追加したいと思います。それは学校の課題なので、HTML5、CSS、JavaScript以外の言語は使用できません。これは可能ですか?これは、HTMLコードです:javascriptを使用してチェックボックスを使用してポップアップウィンドウを作成するにはどうすればよいですか?

<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."); 
    } 
+1

ネイティブブラウザ機能を使用することはできません。ポップアップにカスタムレンダリングを許可するカスタムJavaScriptを作成する必要があります – TryingToImprove

+0

window.openを2番目のHTMLページで使用すると、これを実現できます。 – tomysshadow

+0

[jsとcss](https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal)を使用してモーダルウィンドウを作成する – Ritz

答えて

0

です。同じメカニズムを使用して、チェックボックスを含むdivに可視性フラグを設定することができます。

ここで、あなたのonClickがあなたのアラートにつながるか、電話をかけてポップアップを表示します。あなたのonClickは、divの可視性フラグをチェックボックスに設定します。

関連する問題