Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Controle de checkbox Download

? - +
Marcar/desmarcar checkbox
  1. Envolva todos os checkbox em um elemento com a classe ui_checkAll
    • Pode ser qualquer marcação (tag), como span, li, div, etc.
  2. Coloque a classe ui_checkMain no checkbox que irá atuar em todos os demais checkbox.
    • O ui_checkMain deve ficar fora do ui_checkAll
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. É possível alternar o rótulo do botão ui_checkMain:
    • Para isso, use a classe ui_checkLabel em algum elemento que receberá o rótulo padrão "Marcar tudo/Desmarcar tudo" (Não é obrigatório)
    • Caso queira editar o rótulo padrão, insira em ui_checkLabel o atributo data-label-turnon com o valor inicial e data-label-turnon com o valor do rótulo quando ativo
  1. Pode usar mais de uma vez na mesma página (inclusive se contiver abas). Cada ui_checkMain irá atuar no ui_checkAll mais próximo de acordo com a ordem de renderização da página. Ou seja, não é necessário que um contenha o outro. Mas o primeiro ui_checkMain renderizado irá atuar no primeiro ui_checkAll encontrado na página e assim sucessivamente.
  2. O botão ui_checkMain pode ter ou não ter um value, mas o comportamento é diferente. Ou seja, use value="" (vazio) ou value="valor" ou não declare o value, entenda:
    • Se todos os checkbox estiverem marcados e se o botão ui_checkMain tiver um value com valor, consideramos o valor do botão ui_checkMain, resultado: page.html?parâmetro=todos
    • Se todos os checkbox estiverem marcado e se o botão ui_checkMain não tiver um value declarado, consideramos a mesma condicional do item 1, ou seja, passar o value do ui_checkMain, mesmo que ele não exista. Nesse caso, o resultado será só: page.html (sem parâmetros - ou value declarado) - Isso é necessário para algumas consultas que interpretam as chamadas sem parâmetros como uma consulta completa.
    • Se todos os checkbox estiverem marcados e se o botão ui_checkMain tiver um value vazio, então ignoramos a sentença acima. Nesse caso, a url será com todos os parâmetros juntos, resultado: page.html?parâmetro=1&parâmetro=2&parâmetro=3...
    • Se apenas alguns dos checkbox estiverem marcados, desconsideramos o value do botão ui_checkMain e consideramos apenas os check marcados, resultado da url: page.html?parâmetro=2&parâmetro=4...
Customizar


Número de elementos

Visualizar checkbox.

Rótulo

.
A mensagem exibida será no estado inicial e quando ativo.
Qualquer marcação (tag) pode ser usada como rótulo.

Comportamento inicial

.
Escolha quais elementos devem estar inicialmente marcados:










Tem certeza que deseja reiniciar todos os valores?

Resultado para Controle de checkbox