Skript funktioniert nicht in IE

Question

Ich habe das folgende Skript, wo ich einen Preis basierend auf Benutzereingabe Radio-Buttons berechnen und es in einen Abschnitt von HTML ausgeben. Das Skript funktioniert nicht korrekt im Internet Explorer. Es funktioniert in FF, Chrome, etc. Das Skript soll eine Eingabe von einem Radiobutton nehmen und dann basierend auf der Eingabe einen anderen Preis ausgeben. Es gibt keinen Preis in IE aus.

var newprice = "";   

function CalcPrice(){ 
    // I take the input from the radio buttons here 
    var goals = $("#menu input[type='radio']:checked").val(); 

    if (goals=="Weight Loss"){ 
     newprice="45"; 
    } else { 
     newprice="55"; 
    } 

    $('.pricetotal').html("$"+newprice.toFixed(2)); 
} 

HTML

<form class= "meal-table" id="meal-radio" onsubmit="return false"> 
      <fieldset id="menu"> 
     <input type="radio" id="radio01" name="menu" value="Weight Loss" /> 
     <input type="radio" id="radio02" name="menu" value= "Performance"/> 
      </fieldset> 
    <div> 
     <div class="meal-plan-btn"> 
     <button id="mealbtn" onclick="CalcPrice()">Add To Cart</button> 
    </div> 
</div> 
</form> 

// das ist, wo der Preis wird

  <div class="pricebox" id="priceboxmobile"> 
      <div class="pricetotal" > 
       <span ></span> 
      </div></div> 

Answer 1

Eine Änderung dieser Linie

$('.pricetotal').html("$"+newprice.toFixed(2)); 

Um injiziert werden:

$('.pricetotal').empty().html("$"+newprice.toFixed(2)); 

Scheint zu funktionieren, weiß jemand warum?

Answer 2

denke ich, wenn Sie

$('.pricetotal').html("$"+newprice.toFixed(2)); 

zu

$('.pricetotal span').html("$"+newprice.toFixed(2)); 

es behoben werden ändern.

IE ist ein Stickler für diese Art von Dingen.
Aber in diesem Fall ist es, was Sie sowieso wollen, sonst wird Ihre span wird entfernt.
Alternativ entfernen Sie die span insgesamt ..