2016-05-13 122 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>