ボタンで金額を更新

こんにちは私は自分のウェブサイトwww.eyeview.comを開発しました。私はラジオボタンをクリックして、私の追加製品に隠された金額を更新したい。私は100 $、150 $ 200£175 $ 87 $の値で5つのラジオボタンを持っていますが、隠された量の値は、私は、製品palceすなわちバスケット項目の値を表示する222ボタンで金額を更新

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');

です。私のページには応答がありません。つまり、クリックした後のアクションはありません。

することは私に量を更新するための正しいコードのplzを与えるも、私は副

出典

2011-01-04 magna

笑@私に正しいを与えますコード。どのコードを好きですか？ – GONeale

クリック時に関数 "updateAmount"を呼び出しますか？ – Cristy

は、ここに（ちょうどあなたがコースのライブラリが含ま確保）あなたのために動作しますきれいなjQueryのソリューションです：

<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>

出典

2011-01-04 12:54:35 GONeale

$（ '。c'）それは何を表していますか – magna

$（ '。c'） 'はクラスが" c "のすべての要素を選択します。ご覧のとおり、 ''タグは 'class =" c "'で設定しました。 jQueryセレクタ（http://api.jquery.com/category/selectors/）の基本的な概念については、jQueryのドキュメントを参照してください。あなたがStackOverflowを初めて使った時に、私があなたを助けてくれたなら、あなたの質問に答えたなら上矢印を使うか、チェックをクリックしてください。 – GONeale

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

で

おかげでsufficentれるべき更新する機能を必要としたいです。希望が役立ちます。あなたはjQueryを使ってこの記事をタグ付けしているという事実に基づいて

出典

2011-01-04 12:43:33 Norm

答えて

関連する問題