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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17245
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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