Javascript在JS小提琴中工作，但在Chrome/IE中不起作用

Question

我無法理解爲什麼我的代碼在我的瀏覽器中不起作用，但它在小提琴中工作。 http://jsfiddle.net/4tafnwcj/2/

當我點擊一個計劃時，總計應該輸出價格，但是，這不會發生在瀏覽器中。我已經檢查開發工具，清除緩存，但它沒有幫助。我也包含了所有必需的jquery，js文件，但似乎還有其他的東西在破壞它。我不知道爲什麼。請幫助並解釋是什麼問題。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script type="text/javascript" src="<?=SITE_SCRIPT?>jquery.validate.min.js"></script> 
    <script type="text/javascript" src="<?=SITE_SCRIPT?>jquery.form.js"></script> 
    <script type="text/javascript" src="<?=SITE_SCRIPT?>jquery.nivo.slider.pack.js"></script> 
    <script type="text/javascript" src="<?=SITE_SCRIPT?>bootstrap.min.js"></script>    
    <script type="text/javascript" src="<?=SITE_SCRIPT?>icheck.min.js"></script> 

代碼：

<div class="checkout"> 
         <span id="checkout-title">Checkout</span> 
         <div class="plan-wrapper"> 
         <label id="silver-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="699" onclick="calculate(this);"/>Cyber Security Silver Plan</label> 
         <label id="silver-plan-price">$699</label> 
         <label id="gold-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="999" onclick="calculate(this);"/>Cyber Security Gold Plan</label> 
         <label id="gold-plan-price">$999</label> 
         </div> 
         <div class="logo-wrapper"> 
          <span id="personalized-logo">Personalized Logo</span> 
          <span id="logo-price">$49.99</span> 
         </div> 
         <div class="tax-wrapper"> 
          <div class="wrapper-a"> 
          <span id="tax">Tax + Processing</span> 
          <span id="tax-price">$0.00</span> 
          </div> 
         </div> 
         <div class="total-wrapper"> 
          <div class="wrapper-b"> 
          <span id="total">Total</span> 
          <output type="number" name="price" id="output"></output> 
          </div> 
         </div> 
         <div class="controls submit-btn"> 
          <input type="submit" value="Checkout" /> 
          <input type="reset" value="Clear" /> 
         </div> 
         <div class="controls back-btn"> 
          <input class="back-button" type="button" value="Back" /> 
         </div> 
        </div><!--/.checkout --> 

的.js

<script> 
    $(document).ready(function(){ 
    $(document).on("click", ".btn-checkbox-plan", function(e){ 
    //alert(); 
    if($(this).is(':checked')){ 

     $("#output").html($(this).val()); 
    } 

    }); 

}); 
</script> 

Answer 1

我已刪除的onclick = 「計算（這）;」因爲我不需要它，我沒有什麼可以計算的。

http://jsfiddle.net/3tdwak2h/4/小提琴我的代碼運行，但是，不在我的瀏覽器。而在Chrome的控制檯登錄我得到的唯一錯誤是無法加載資源：淨:: ERR_CACHE_MISS

代碼

<div class="checkout"> 
         <span id="checkout-title">Checkout</span> 
         <div class="plan-wrapper"> 
         <label id="silver-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="699" /> Silver Plan</label> 
         <label id="silver-plan-price">$699</label> 
         <label id="gold-plan"><input class="btn-checkbox-plan" type="radio" name="groupnine" value="999" /> Gold Plan</label> 
         <label id="gold-plan-price">$999</label> 
         </div> 
         <div class="logo-wrapper"> 
          <span id="personalized-logo">Personalized Logo</span> 
          <span id="logo-price">$49.99</span> 
         </div> 
         <div class="tax-wrapper"> 
          <div class="wrapper-a"> 
          <span id="tax">Tax + Processing</span> 
          <span id="tax-price">$0.00</span> 
          </div> 
         </div> 
         <div class="total-wrapper"> 
          <div class="wrapper-b"> 
          <span id="total">Total</span> 
          <output type="number" name="price" id="output"></output> 
          </div> 
         </div> 
         <div class="controls submit-btn"> 
          <input type="submit" value="Checkout" /> 
          <input type="reset" value="Clear" /> 
         </div> 
         <div class="controls back-btn"> 
          <input class="back-button" type="button" value="Back" /> 
         </div> 
        </div> 

的.js

$(document).ready(function(){ 
    //alert(); 
    $(document).on("click", ".btn-checkbox-plan", function(e){ 
    if($(".btn-checkbox-plan").is(':checked')){ 

    $("#output").html($(this).val()); 
} 

    }); 

});