Share Pastebin
Guest
Public paste!

VAB

By: a guest | Feb 9th, 2010 | Syntax: HTML | Size: 1.39 KB | Hits: 50 | Expires: Never
Copy text to clipboard
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
  3.     <title><!-- Insert your title here --></title>
  4.           <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.           <!-- Chama jquery-->
  6.            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.           <script type="text/javascript">
  8.                 $(function(){
  9.                 //ação ao clicar em alguma opção
  10.                 $("input[name=opcao]").click(function(){
  11.                   /**
  12.                    * IRÁ ENVIAR VALORES PELO METODO POST
  13.                    * Ele tem 3 parametros:
  14.                    * primeiro - informa para que pagina será enviada: forma.php
  15.                    * segundo  - informa os valores que irão enviar
  16.                    * tercerio - retorna o valor (callback) da consulta no forma.php
  17.                    */
  18.                   $.post('forma.php',
  19.                                 {
  20.                                  opcao : $(this).val(),
  21.                                  total : $("total").val()
  22.                                 },
  23.                                 function(valor){
  24.                                         $("#formas").html(valor);
  25.                                 });
  26.                 });
  27.      
  28. });
  29.           </script>
  30. </head>
  31.          
  32.         <!-- OPÇÃO DO FORMULÁRIO DO RADIO-->
  33.         <form action="" method="post">
  34.                 Entrada : <input type="radio" name="opcao"  value="entrada"/>
  35.                 A vista : <input type="radio" name="opcao"  value="vista"/>
  36.                 <input name="total" id="total" type="hidden" value="10000" />
  37.  
  38.                 <div id="formas"></div>
  39.         </form>
  40. </body>
  41. </html>