Jump to content
DONUTSROOL

Checkbutton com opção

Recommended Posts

DONUTSROOL

Boa noite.

Antes demais sou novo no forúm, e estou a desenvolver a minha PAP (Prova de aptidão profissional) para terminar o meu curso.

Estou a desenvolver um projeto que se baseia na criação de um site de gestão em HTML,CSS, PHP e Java, e tenho algumas dúvidas relativamente com alguns pontos, um deles é uma lista de check buttons com opção.

oXJsZw7.png

A lista a que me refiro é essa apresentada no print em que basicamente é suposto que o aluno ao clicar na check de praticar desporto por ex, abra a opção "Desportos preferidos" e permita que o mesmo escreva.

Caso ele não clique, não é suposto aparecer essa mesma linha para preencher...

Se alguém tiver alguma luz de como isso pode ser feito agradecia a ajuda.

 

Edited by DONUTSROOL
Erro ortográfico

Share this post


Link to post
Share on other sites
nunopicado

Isso irá depender, em primeiro lugar, de que linguagem de programação estás a usar... ;)


"A humanidade está a perder os seus génios... Aristóteles morreu, Newton já lá está, Einstein finou-se, e eu hoje não me estou a sentir bem!"

> Não esclareço dúvidas por PM: Indica a tua dúvida no quadro correcto do forum.

Share this post


Link to post
Share on other sites
DONUTSROOL
4 horas atrás, nunopicado disse:

Isso irá depender, em primeiro lugar, de que linguagem de programação estás a usar... ;)

Não tinha registado a linguagem, obrigado pelo reparo, estou a desenvolver em HTML, CSS, PHP e javascript.

Share this post


Link to post
Share on other sites
Cerzedelo
18 horas atrás, DONUTSROOL disse:

Não tinha registado a linguagem, obrigado pelo reparo, estou a desenvolver em HTML, CSS, PHP e javascript.

Faça uso do javascript, ou se pretender do jquery, uma das bibliotecas de javascript usada para simplificar o seu uso.

O melhor é dividir a lista das opções em duas, ou seja, colocar em duas divs diferentes. Sendo que a div, onde vai escrever as opções está escondida ao carregar a página, com o display:none.

 <style>
    #myDIV {
      width: 100%;
      padding: 50px 0;
      text-align: center;
      margin-top: 20px;
      display: none;
    }
  </style>

<div id="myDIV">
    <input type="checkbox" name="agree"> Desporto
 </div>

Quando o utilizador carregar no checkbox, o mesmo faz tornar visível a div que se encontrava escondida

$('input[type=checkbox]').prop('checked'){
 ('#outradiv').show();
}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.