jquery文本更新问题

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;尝试替换pr = parseFloat(pr) + parseFloat(akku);

并且

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

的

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

OR

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

的

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

希望它有所帮助！

Answer 2

请试试这个，我现在使用两个变量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>