Início > Programação > Selecionando Todos os Checkboxes de um SelectManyCheckbox

Selecionando Todos os Checkboxes de um SelectManyCheckbox

Um SelectManyCheckbox é utilizado para selecionar múltiplos itens em uma coleção, mas e se você precisar marcar ou desmarcar todos os checkboxes clicando em um link, um botão ou em qualquer outro lugar na tela? Uma alternativa que funciona bem é utilizar jQuery, como explicado aqui:

1. XHTML

<label>Estado</label>

<p:selectManyCheckbox value="#{bean.tiposStatus}" widgetVar="manyCheckWV">
   <f:selectItems value="#{bean.tiposStatus}" var="status"
      itemLabel="#{status}" itemValue="#{status}"/>
</p:selectManyCheckbox>

<p:commandLink value="Selecionar todos"  
   onclick="selectAllCheckBoxes(PF('manyCheckWV'), false);" 
   update="@form">
</p:commandLink>

<p:commandLink value="Limpar todos" 
   onclick="selectAllCheckBoxes(PF('manyCheckWV'), true);" 
   update="@form">
</p:commandLink>

2. Javascript

function selectAllCheckBoxes(manyCheckBoxes, estado) {
   manyCheckBoxes.inputs.each(function() {
      $(this).prop('checked', estado);
      $(this).trigger('click');
   });
}
Anúncios
  1. Nenhum comentário ainda.
  1. No trackbacks yet.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: