Question

目前我开发了自己的网站www.eyeview.com。我想通过单击单选按钮更新我的添加产品的隐藏金额。我有五个单选按钮，价值100 $ 150 $ 200£175 $和87 $但隐藏金额值为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来更新金额，我也想要更新的功能

感谢adv

Answer 1

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

应该足够了。希望有所帮助。

Answer 2

基于您使用jQuery标记此帖子的事实，这里有一个干净的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>

按钮更新金额值

2 个答案: