Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Antonio Jorge

Repetir dados da DIV em um input

Por , em Javascript

Recommended Posts

Antonio Jorge    0

Antonio Jorge
Postado

Estou testando esse demo:

http://expira.tk/ordem/

 

Veja que ao alterar a quantidade os valores são somando no total.

 

E o código é assim:

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">


    <title>Responsive Shopping Cart</title>
    
    
    <link rel="stylesheet" href="css/normalize.css">

    
        <link rel="stylesheet" href="css/style.css">

    
    
    
  </head>

  <body>

    <h1>Shopping Cart</h1>

<div class="shopping-cart">

  <div class="column-labels">
    <label class="product-image">Image</label>
    <label class="product-details">Product</label>
    <label class="product-price">Price</label>
    <label class="product-quantity">Quantity</label>
    <label class="product-removal">Remove</label>
    <label class="product-line-price">Total</label>
  </div>

  <div class="product">
    <div class="product-image">
      <img src="http://s.cdpn.io/3/dingo-dog-bones.jpg">
    </div>
    <div class="product-details">
      <div class="product-title">Dingo Dog Bones</div>
      <p class="product-description">The best dog bones of all time. Holy crap. Your dog will be begging for these things! I got curious once and ate one myself. I'm a fan.</p>
    </div>
    <div class="product-price">12.99</div>
    <div class="product-quantity">
      <input type="number" value="2" min="1">
    </div>
    <div class="product-removal">
      <button class="remove-product">
        Remove
      </button>
    </div>
    <div class="product-line-price">25.98</div>
  </div>

  <div class="product">
    <div class="product-image">
      <img src="http://s.cdpn.io/3/large-NutroNaturalChoiceAdultLambMealandRiceDryDogFood.png">
    </div>
    <div class="product-details">
      <div class="product-title">Nutro™ Adult Lamb and Rice Dog Food</div>
      <p class="product-description">Who doesn't like lamb and rice? We've all hit the halal cart at 3am while quasi-blackout after a night of binge drinking in Manhattan. Now it's your dog's turn!</p>
    </div>
    <div class="product-price">45.99</div>
    <div class="product-quantity">
      <input type="number" value="1" min="1">
    </div>
    <div class="product-removal">
      <button class="remove-product">
        Remove
      </button>
    </div>
    <div class="product-line-price">45.99</div>
  </div>

  <div class="totals">
    <div class="totals-item">
      <label>Subtotal</label>
      <div class="totals-value" id="cart-subtotal">71.97</div>
    </div>
    <div class="totals-item">
      <label>Tax (5%)</label>
      <div class="totals-value" id="cart-tax">3.60</div>
    </div>
    <div class="totals-item">
      <label>Shipping</label>
      <div class="totals-value" id="cart-shipping">15.00</div>
    </div>
    <div class="totals-item totals-item-total">
      <label>Grand Total</label>
      <div class="totals-value" id="cart-total">90.57</div>
    </div>
  </div>
      
      <button class="checkout">Checkout</button>

</div>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

        <script src="js/index.js"></script>

    
    
    
  </body>
</html>

E soma é aparece nessa div: <div class="totals-value" id="cart-total">90.57</div> e tudo indica que pelo ID id="cart-total"

 

Mas funciona, simples e funcional.

 

Mas eu precisa que e valor fosse repetido em uma input do formulário do Pagseguro, que é assim:

<input name="itemAmount" type="text" id="itemAmount" value="REPETIRAQUI" />

Para repetir o valor da <div class="totals-value" id="cart-total">90.57</div> no value="REPETIRAQUI"

 

Tem alguns coisas em jquery mas não encontrei nada para isso, alguém consegue me ajudar nisso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Neste arquivo:

http://expira.tk/ordem/js/index.js

Tem essa linha aqui:

 

$('#cart-total').html(total.toFixed(2));
embaixo dela adicione:

$('#itemAmount').val(total.toFixed(2));

Compartilhar este post

Link para o post
Compartilhar em outros sites

Antonio Jorge    0

Antonio Jorge
Postado

Perfeito William, obrigado cara.


William não querendo mais já abusando, rsrsrs.

 

Teria como adicionar algum pré fixo ou sufixo no valor somado?

 

Tipo ao somar ele tirar tudo que tem na input e atualiza o valor, mas poria adicionar algo antes?

Tipo, ao atualizar para 100,00

Aparece na antes do 100,00 assim:

+ frete 100,00

Se fosse 120,00, apareceria sempre

+ frete 120,00

Etc...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 
$('#itemAmount').val('+ frete' + total.toFixed(2));

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito