本地主機和虛擬主機錯誤

-1

此代碼適用於在線編譯器以及stackoverflow，但爲什麼不在我的虛擬主機以及本地主機。本地主機和虛擬主機錯誤

<html> 
    <head><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

     <script type="text/javascript"> 
    $('.radiogroup').on('change', function() { 
     $('#amount').val(this.value); 
    });</script></head> 
    <body> 
    <input type="radio" name="radiogroup" class="radiogroup" value="5" /> 
    <input type="radio" name="radiogroup" class="radiogroup" value="10" /> 
    <input type="radio" name="radiogroup" class="radiogroup" value="15" /> 
    <input type="radio" name="radiogroup" class="radiogroup" value="20" /> 
    <br /><br /> 
    <input type="text" name="amount" id="amount" /></body> 
    </html>

來源

2016-12-25 Sanchit Gupta

你能描述你所遇到的問題？因爲它在在線編譯器中工作。 – Joel

可以打開和關閉單選按鈕，但文本中不顯示任何文本。代碼的製作方式是文本框按照單選按鈕更改它的值 –

@Joel我也添加了一個屏幕截圖 –

你的頭和身體標籤混雜。我已經更新它來正確顯示頭部和身體部分。

<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $('.radiogroup').on('change', function() { 
     $('#amount').val(this.value); 
     }); 
    </script> 
</head> 
<body> 
    <input type="radio" name="radiogroup" class="radiogroup" value="5" /> 
    <input type="radio" name="radiogroup" class="radiogroup" value="10" /> 
    <input type="radio" name="radiogroup" class="radiogroup" value="15" /> 
    <input type="radio" name="radiogroup" class="radiogroup" value="20" /> 
    <br /><br /> 
    <input type="text" name="amount" id="amount" /> 
</body> 
</html>

來源

2016-12-25 15:27:47 Joel

沒有他們在發佈問題時混雜在一起，同樣的問題仍然存在 –

你的頭和身體標籤混雜，如果ü要使用HTML5，你不需要定義腳本類型，你不必與尾部的反斜槓申報不封閉的標籤。如果您想使用早期版本的html，請使用該類型。如果你想使用xhtml，你必須使用非閉合標籤的尾部反斜槓。

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     <script> 
      $('.radiogroup').on('change', function() { 
       $('#amount').val(this.value); 
      }); 
     </script> 
    </head> 
    <body> 
     <input type="radio" name="radiogroup" class="radiogroup" value="5"> 
     <input type="radio" name="radiogroup" class="radiogroup" value="10"> 
     <input type="radio" name="radiogroup" class="radiogroup" value="15"> 
     <input type="radio" name="radiogroup" class="radiogroup" value="20"> 
     <br><br> 
     <input type="text" name="amount" id="amount"> 
    </body> 
</html>

來源

2016-12-25 15:36:13

沒有他們混合發佈問題時，同樣的問題仍然存在 –

即使您提供的代碼沒有奏效。同樣的問題文本框仍然是空的 –

你的JavaScript運行得太早，之前的任何HTML元素（你的單選按鈕）都存在。您的選擇器$('.radiogroup')然後找不到任何內容，並且當您單擊單選按鈕時沒有任何反應。

無論是在端移動你的Javascript的</body>關閉標籤之前或包裹在jQuery的.ready像這樣的代碼：

$(document).ready(function(){ 
    $('.radiogroup').on('change', function() { 
    $('#amount').val(this.value); 
    }); 
})

來源

2016-12-25 15:38:40 chrki

你修好了！ –

本地主機和虛擬主機錯誤

回答

相關問題