POP UP COM CHECKBOX HABILITAR BOTÃO

03/09/2019

9

olá boa tarde, preciso de ajuda com um codigo de javascript, html e css. Por favor!!
Eu preciso que quando eu clico no botão abra um pop up com os termos e para continuar precise marcar a checkbox certo?? eu ja tenho o codigo da checkbox para habilitar so preciso do pop up e integrar os dois por favor!!!

Grato

<style>
span#submit {
padding: 5px 10px;
font-size: 0.91em;
border-radius: 5px;
cursor: not-allowed;
border: 1px solid #999;
background-color: #eee;
font-family: sans-serif;
font-variant: small-caps;
}
</style>

<form id="form_1" action="https://www.google.com.br">
...
<p><input type="checkbox" name="terms" required onclick="checkTerms()"> Eu aceito os Termos e Condições</p>
<p><span id="submit" onclick="checkForm()">Continuar</span></p>
</form>

<script>

let form = document.querySelector("#form_1");
let submitForm = document.querySelector("#submit");

function checkTerms() {
submitForm.style.cursor = form.terms.checked? "pointer": "not-allowed";
}

function checkForm() {
if(form.terms.checked) {
form.submit();
}
else {
alert("Por favor, indique que aceita os Termos e Condições");
form.terms.focus();
}
}

</script>



print base https://prnt.sc/p1biyz
Responder

Posts

Não sou bom em CSS, então uso Bootstrap.
E pelo que entendi você está precisando de um modal, dá uma olhada e vê se te ajuda.
https://getbootstrap.com.br/docs/4.1/components/modal/
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar