jquery text update issue

Question

私の仕事は、チェックボックスで動的価格リストを作成することです。 商品価格を確認しているときに更新する必要がありますが、それは私のためには機能しません。誰かが私の間違いを見つけるのを助けることができますか？

$('#iPhone4').click(function(e) { 
 
    $('#ip4').attr('src', 'pics/iphone/4.png'); 
 
    $('#modelForm').show('slow'); 
 
    $('#modelHeader').text('iPhone 4'); 
 
    var akku = 25; 
 
    var pr = 0; 
 
    if ($('#akku').is(':checked')) { 
 
    $pr = $pr + $akku; 
 
    $('#preise4').text('$pr'); 
 
    } 
 

 
});

<p class="problBer"> 
 
    <input type="checkbox" class="checkbox" id="akku">Akku<span class="cena">45€</span> 
 
    </input> 
 
</p> 
 

 
<div id="pre"> 
 
    <p id="preise4">Euro</p> 
 
</div>

Answer 1

交換してみてください

$pr = $pr + $akku;$('#preise4').text(pr);

によって pr = parseFloat(pr) + parseFloat(akku);

そして

$('#preise4').text('$pr');で交換してください$('#preise4').text($pr);

によって

OR

$('#preise4').text('$pr');はそれが役に立てば幸い！

Answer 2

、これを試してみてください私は2つの変数AKKUを使用していますが、今...

$(document).ready(function(){ 
 
    var akku = 25; 
 
    var pr = 0; 
 

 
$('#akku').click(function() { 
 
    if ($(this).is(':checked')) { 
 
    $('#preise4').text("Euro "+akku); 
 
    } else { 
 
    $('#preise4').text("Euro "+pr); 
 
    } 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
 

 
<p class="problBer"> 
 
    <input type="checkbox" class="checkbox" id="akku">Akku<span class="cena">45€</span> 
 
    </input> 
 
</p> 
 

 
<div id="pre"> 
 
    <p id="preise4">Euro</p> 
 
</div>