Question

我有以下脚本，我根据用户输入单选按钮计算价格并将其输出到html部分。该脚本无法在Internet Explorer中正常运行。它适用于FF，Chrome等。该脚本应该从单选按钮获取输入，然后根据输入它将输出不同的价格。它没有在IE中输出价格。

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>

//这是注入价格的地方

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

Answer 1

我想如果你改变了

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

到

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

它将被修复。

对于那些事情，IE是一个坚持不懈的人但在这种情况下，无论如何都是你想要的，否则你的span将会被删除或者，完全删除span ..

Answer 2

更改此行

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

要：

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

似乎工作，任何人都知道为什么？

脚本不在IE中工作

2 个答案: