2011-01-04 12 views
1

Hallo, ich habe derzeit meine eigene Website namens www.eyeview.com entwickelt. Ich möchte den versteckten Betrag zu meinem Add-Produkt aktualisieren, indem ich auf Optionsfelder klicke. Ich habe ein fünf Optionsfelder mit Werten von 100 150 £ 200 175 $ $ $ und 87 $, aber verstecken Betragswert ist 222aktualisieren Sie den Betrag Wert mit der Taste

var totalAmount = 222.00; //Set from the database 
function updateAmount(var additionalCost) 
{ 
document.getElementById("finalamount").innerHTML = totalAmount + additionalCost; 
} 

var $amount= 

(‘#repair_total_amount’).html(“Total <span class="repair-finalamount-txt">&pound;&nbsp;”+ total_amount+”</span>”); 


                               `$amount.text('£ 100');` 
`$amount.text('£ 150');` 
`$amount.text('£ 175'); 
`$amount.text('£ 87'); 
`$amount.text('£ 200'); 

i den Wert auf dem Produkt palce dh Korbposition angezeigt werden soll. Es gibt keine Antwort auf meiner Seite, dh keine Aktion, nachdem ich geklickt habe.

geben Sie mir einen richtigen Code plz, um die Menge zu aktualisieren sufficent i die Funktion benötigen wollen auch für die Aktualisierung

dank adv

+1

lol @ geben Sie mir eine korrekte Code. Welchen Code möchten Sie? – GONeale

+0

Rufen Sie bei Klick die Funktion "updateAmount" auf? – Cristy

Antwort

0

Aufgrund der Tatsache, Sie haben diesen Beitrag mit jQuery markiert, hier eine saubere jQuery-Lösung, die für Sie arbeiten (nur sicherstellen, dass Sie die Bibliothek natürlich enthalten):

<script type="text/javascript"> 
    var startAmount = 222.0;  
    var finalAmount = 0; 
    $(document).ready(function() { 
     $('.c').click(function() { 
     $('.c:checked').each(function() { 
      finalAmount = startAmount + parseFloat($(this).val()); 
     }); 

     $('#finalAmount').html('Final Amount: $' + finalAmount); 
     }); 
    }); 
</script> 

    <input name="cost" type="radio" value="100" class="c" /> 100$ 
    <input name="cost" type="radio" value="150" class="c" /> 150$ 
    <input name="cost" type="radio" value="200" class="c" /> 200$ 
    <input name="cost" type="radio" value="175" class="c" /> 175$ 
    <input name="cost" type="radio" value="87" class="c" /> 87$ 
    <br /> 
    <span id="finalAmount">Final Amount: $0</span> 
+0

$ ('. C') zeigt an, was Sir – magna

+0

Sorry, '$ ('. C')' wählt alle Elemente aus, die eine Klasse von "c" haben. Wie Sie sehen können, habe ich alle '' Tags mit' class = "c" 'gesetzt. Sie sollten die jQuery-Dokumentation für grundlegende Konzepte zu jQuery-Selektoren (http://api.jquery.com/category/selectors/) durchgehen. Wenn Sie StackOverflow noch nicht kennen, verwenden Sie bitte den Pfeil nach oben oder klicken Sie auf das Häkchen, wenn ich Ihre Frage beantwortet habe. – GONeale

0
document.getElementById('BUTTON-ID-HERE').onclick = function(){ updateAmount('VALUE HERE') }; 

sein sollte. Ich hoffe, das hilft.

Verwandte Themen