Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17670
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Colocar opções escolhidas do checkbox no input text ou div

30-01-2015 20:14

Nesse post, vou mostrar um script em jQuery que faz o seguinte:

Ao marcar os checkbox de um formulário, os valores do checkbox marcados são listados separados por vírgula em um input text ou em uma div.

<script src="jquery.js"></script> <script> $(document).ready(function() {   $('.c').click(function() { var salva = []; $('.c').each(function() { if( $(this).is(':checked') ) { salva.push($(this).val()); } }); $('.valores').val(salva); // PARA COLOCAR OS VALORES EM UMA DIV USE: // $('.valores').html(salva); // <div class="valores".. });   }); </script>


<form> <input type="checkbox" class="c" value="1"> 1 <input type="checkbox" class="c" value="2"> 2 <input type="checkbox" class="c" value="3"> 3 <input type="checkbox" class="c" value="4"> 4 <input type="text" name="" class="valores" value=""> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado