2016-05-13 74 views
0

我的任務是用複選框創建動態價目表。 當我檢查一個項目的價格應該更新,但它不適合我。誰能幫我找到我的錯誤?jquery文本更新問題

$('#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>

+0

$ PR = $ PR + $ AKKU;嘗試用pr = parseFloat(pr)+ parseFloat(akku)替換;和$('#preise4')。text('$ pr');由$('#preise4')。text(pr); – Poria

+0

感謝您的回覆。我用你的建議編輯我的代碼,但現在我在#preise 4 p中獲得「pr」。 –

+0

確定它現在的作品。正確的行是$('#preise4')。text($ pr) –

回答

0

嘗試更換

$pr = $pr + $akku;嘗試更換由pr = parseFloat(pr) + parseFloat(akku);

而且

$('#preise4').text('$pr');通過$('#preise4').text(pr);

OR

$('#preise4').text('$pr');通過$('#preise4').text($pr);

希望它能幫助!

0

請試試這個,我用兩個變量AKKU和現在PR靜態...

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