Como posso fazer uma janela pop-up com caixas de seleção usando javascript?

Janneke

Estou tentando fazer um botão que abre uma janela pop-up quando é clicado. Está funcionando, mas eu gostaria de adicionar uma janela pop-up com três caixas de seleção. É uma tarefa para a escola, então não posso usar nenhuma outra linguagem além de HTML5, CSS e JavaScript. Isso é possível? Este é o código HTML:

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

Este é o código 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.");
    }   
RJ

Aqui está um exemplo. O htmlcódigo consiste nas caixas de seleção mostradas abaixo.

<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>

O javascript está abaixo

  function popup() {
       var popwindow = document.getElementById("checkBundle");
       if (popwindow.style.display === "none") {
           popwindow.style.display = "block";
      } else {
            popwindow.style.display = "none";
        }
   };

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Como posso fazer caixas de seleção dependentes de conteúdo, com uma caixa de seleção total em JavaScript?

Como posso fazer caixas de seleção dependentes de conteúdo, com uma caixa de seleção total em JavaScript?

Como imprimir o conteúdo de uma janela pop-up com javascript?

Como posso abrir uma janela pop-up de tabela HTML usando JQuery?

Como posso criar uma janela pop-up no formulário de login usando HTML CSS?

No Vuetify, como posso fazer uma lista dinamicamente com caixas de seleção clicáveis para selecioná-los?

Como atualizar uma janela pop-up usando javascript

Como posso filtrar uma lista de divs quando 2 caixas de seleção são marcadas usando jquery ou javascript?

Ao usar as caixas de seleção no tkinter sendo colocadas na janela usando um loop for, há uma maneira de fazer com que elas se refiram a diferentes variáveis?

Como posso fazer o botão 'X' em uma janela pop-up modal redirecionar para outro site

Como posso criar uma visualização em árvore recolhível com caixas de seleção em javascript puro

como posso criar uma janela pop-up de sucesso após o registro no php

Como posso fazer com que minhas caixas de seleção habilitem / desabilitem onclick?

Como salvar o valor da minha caixa de seleção em uma janela pop-up

Como fazer um "webscrape" de um site que contém uma janela pop-up, usando python?

como posso imprimir uma tabela de caixas de seleção usando js?

Como fazer uma janela pop-up com uma imagem SWIFT

como fazer uma caixa de diálogo ou uma janela pop-up pode ficar atrás da janela principal e não cobrir a janela principal

Como posso fazer uma coluna de caixas de seleção no ObjectListView se comportar como botões de rádio?

Como posso colocar várias caixas de seleção em uma linha com seus rótulos?

Como criar uma árvore com caixas de seleção usando dados JSON usando mvc?

Grade Kendo - Como abrir a janela pop-up de edição com JavaScript

Como posso alinhar um ID em uma janela POP-UP com VBA no Excel?

Como posso alternar todas as caixas de seleção com useState?

Como fazer uma caixa de seleção com uma seleção de todas as caixas de seleção no tableview no JavaFX e FXML?

Como posso exibir uma janela pop-up

Como posso fazer com que meu componente calcule a soma dos valores das caixas de seleção no React?

Como posso fazer com que meu componente calcule a soma dos valores das caixas de seleção no React?

Como posso fazer um loop incluindo caixas de seleção do Tkinter funcionar para cada instância diferente de uma caixa de seleção da função chamada?

TOP lista

quentelabel

Arquivo