Recentemente me deparei com a necessidade de pegar os valores de vários itens selecionados pelo usuário em uma lista e submetê-los para processamento, resolvi então fazê-lo com jQuery utilizando tanto para a leitura dos dados quanto para o envio (AJAX). Numa rápida olhada na Internet pelo blog do Ashley Ford – PaperMashup.Com recomendo – encontrei este exemplo que utilizei.

Ele funciona basicamente com duas funções, uma que adiciona / remove a classe quando o checkbox é clicado e uma que quando o botão de envio é acionado percorre a função adicionando os valores dos elementos que possuírem a classe “ativada” (aplicada pela outra função) em um array para depois efetuar o processamento.

VEJA O CÓDIGO

Como eu já havia dito no primeiro post jQuery Framework – Write Less, Do More nós podemos manipular elementos DOM, efetuar requisições AJAX e manipular os recursos de CSS 1-3 de forma simples. Está manipulação é feita através dos seletores HTML e alguns seletores específicos do próprio jQuery. Para começar veremos alguns seletores utilizados frequentemente para a manipulação de CSS.