Javascript onload未在IE中觸發

我正在創建一個包含兩個div標籤和兩個單選按鈕的網站。 div將根據所選的單選按鈕顯示。在頁面加載時，我傳遞主頁面的單選按鈕的值，並相應地顯示div。它適用於Chrome和Firefox，但在IE中顯示問題。我正在使用IE 11.我還沒有嘗試過其他版本的IE。我的代碼如下：Javascript onload未在IE中觸發

<asp:RadioButton ID="mail_stat" Text="Mailwise Statistics" runat="server" GroupName="stat_select" onclick="ch(1)" ClientIDMode="Static" /> 
    <asp:RadioButton ID="aggegrate_stat" Text="Aggegrate Statistics" runat="server" GroupName="stat_select" onclick="ch(2)" ClientIDMode="Static" /> 

    <div id="first"> 
    <table border="0"> 
     <tr> 
      <td> 
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
       <asp:Label ID="lbl_pro_id" runat="server" Text="Promotion Id"></asp:Label>&nbsp;</td> 
      <td> 
       &nbsp;&nbsp;&nbsp; 
       <asp:TextBox ID="txt_pro_id" runat="server" Width="101px"></asp:TextBox></td> 
     </tr> 
     <tr> 
      <td> 
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
       <asp:Label ID="lbl_sub" runat="server" Text="Subject"></asp:Label></td> 
      <td> 
       &nbsp;&nbsp;&nbsp; 
       <asp:TextBox ID="txt_sub" runat="server" Width="301px" Height="16px"></asp:TextBox></td> 
     </tr> 
    </table> 
</div> 

    <div id="second"> 
    <table border="0"> 
     <tr> 
      <td> 
       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
       <asp:TextBox ID="txtStartDate" runat="server" required="true" placeholder="Start Date"></asp:TextBox></td> 
      <td> 
       <asp:TextBox ID="txtEndDate" runat="server" required="true" placeholder="End Date"></asp:TextBox></td> 
     </tr> 
    </table> 
</div>

我的Java腳本如下：

<%--Javascript for radiobuttion on load--%>    
<script type="text/javascript"> 
    onload = function() { 
     if (mail_stat.checked == true) 
     { 
      ch(1); 
     } 
     else if (aggegrate_stat.checked == true) 
     { 
      ch(2); 
     } 
    } 
</script> 

<%--Javascript for radiobuttion--%> 
<script type="text/javascript"> 
    $('#first').hide(); 
    $('#second').hide(); 
    $('stat2').hide(); 
    function ch(id) { 
     if (id == '1') { 
      $('#first').show(); 
      $('#second').hide(); 
      $('#stat2').hide(); 
     } 
     else if (id == '2') { 
      $('#first').hide(); 
      $('#second').show(); 
      $('#stat2').show(); 
     } 
    } 
</script>

請幫助。

來源

2014-02-05 Ami

被取出的元素？嘗試'$（「＃mail_stat」）。is（「：checked」）' – rps

看看：[ASP.NET AJAX pageLoad（）和JavaScript window.onload之間的區別是什麼？]（http://stackoverflow.com/問題/ 602441/whats-the-different-between-asp-net-ajax-pageload-and-javascript-window-onloa） – Givi

onload沒有在正確的範圍內定義。嘗試：

document.onload = function() {

來源

2014-02-05 10:01:49 MrP

同樣的事情是使用firefox和chrome。以爲我試過你的建議，它在IE中不起作用。 – Ami

我沒有在javascript中存儲單選按鈕的變量。它應該是這樣的：

<script type="text/javascript"> 
    var mail=document.getElementById('mail_stat'); 
    var aggegrate=document.getElementById('aggegrate_stat'); 
onload = function() { 
    if (mail.checked == true) 
    { 
     ch(1); 
    } 
    else if (aggegrate.checked == true) 
    { 
     ch(2); 
    } 
}

來源

2014-02-06 03:44:27 Ami

Javascript onload未在IE中觸發

回答

相關問題