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


Moderador: web

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

Listar itens marcados no checkbox jQuery

24-08-2012 20:30

Esse script me deu um bocado de trabalho para fazer. Ele lista os itens que foram marcados no checkbox dentro de uma div. Também adiciona um valor referente ao item em um input text.

<script src="jquery-1.8.0.js"></script> <script> $(document).ready(function() { function updateTextArea() { var valor = ''; $("input[name='opcoes[]']:checked").each(function() { $('#'+$(this).parent().attr('id')+' input:text').val($(this).val()); valor+=$(this).attr('title')+' - '+$(this).val()+'\n'; }); novo = valor.replace(/\n/g,"<br>"); $('#abc').html(novo); } $(function() { $("input[name='opcoes[]']").click(updateTextArea); updateTextArea(); }); $(".c").click(function() { if( $(this).is(':checked')==false ) { $('#'+$(this).parent().attr('id')+' input:text').val(''); //alert( $(".c").is(':checked') ); } }); }); </script> <div id="a1"><input name="opcoes[]" class="c" type="checkbox" value="10.50" title="cola"> cola<input type="text" value=""></div> <div id="a2"><input name="opcoes[]" class="c" type="checkbox" value="20.35" title="papel"> papel<input type="text" value=""></div> <div id="abc" ></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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