Selecionar área

[olafercocam 4]

Desculpe se não é a área correta. Preciso de uma orientação para continuar no desenvolvimento.

Tem uma área de anúncio com 32 locais que poderam ser selecionados individualmente.

Quero uma ajuda de como fazer essa seleção, vou postar a imagem pre-formatada para uma melhor visualização.

 

 

 

Então, pesquisei sobre o checkbox e não encontrei nada satisfatório para que se encaixar no pre-formato da imagem.

Alguem pode me dar uma luz como fazer isso com javascript.

Seria algo bem próximo a compra de passagem aérea onde a pessoa pode escolher o assento e a depender da quantidade de assentos escolhidos calcula-se a quantidade de passagens a serem compradas.

 

Obrigado.

[Anderson Danilo 43]

Você poderia criar um checkbox invisível dentro da div, e só trocar a classe da div para ela mudar de cor.

 

segue um exemplo no fiddle:

http://jsfiddle.net/J2GwQ/2/

 

 

você pode deixar o checkbox invisível com o css, exemplo: "visibility: hidden;"

[olafercocam 4]

Obrigado @andersondanilo.