2017-10-24 12 views
1

클릭 할 때 팝업 창이 열리는 버튼을 만들려고합니다. 작동하지만 3 개의 체크 박스가있는 팝업 창을 추가하고 싶습니다. 학교용 과제이므로 HTML5, CSS 및 JavaScript 이외의 다른 언어는 사용할 수 없습니다. 이것이 가능한가?어떻게 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

두 번째 HTML 페이지와 함께 window.open을 사용하여이를 수행 할 수 있습니다. – tomysshadow

+0

[js and css] (https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal)를 사용하여 모달 창 만들기 – Ritz

답변

0

당신은 팝업 창을 열 수있는 메커니즘을 사용에게 있습니다 : 이것은 HTML 코드입니다. 동일한 메커니즘을 사용하여 체크 박스가 포함 된 div에 가시성 플래그를 설정할 수 있습니다.

- 어디에서나 onClick으로 알림을 보내거나 전화를 받아 팝업을 렌더링합니다. onClick은 div에 가시성 플래그를 체크 박스로 설정합니다.