無法確定是否選中單選按鈕

Question

我試圖使用document.getElementById方法來確定ListView中的單選按鈕是否已被選中。該檢查的結果是「未確定」的值，雖然我實際上已經檢查了其中一個單選按鈕。我在循環中使用ID將循環的索引附加到ID名稱。

，涉及到這個問題的代碼如下：

<script type="text/javascript" > 
function AllPickEmGamesSelected(visible) 
{ 
    var i; 
    for (i=0; i<16; i++) 
    { 
     var HomeTeamVerif = document.getElementById("FeaturedContent_ListViewPickEm_RadioButtonHome_" + i).Checked; 
     var AwayTeamVerif = document.getElementById("FeaturedContent_ListViewPickEm_RadioButtonAway_" + i).Checked; 
     if (!HomeTeamVerif & !AwayTeamVerif) 
     { 
      visible = true;   
     } 
    } 
} 

: 
: 
: 

ASPX文件：

<asp:ListView ID="ListViewPickEm" runat="server"> 
<AlternatingItemTemplate> 
    <tr style="color: white; background-color: forestgreen; border: groove; width: 100%;"> 
     <td style="float:left;"> 
      <asp:Label ID="DateLabel" runat="server" Text='<%# Eval("Date") %>' /> 
     </td> 
      <asp:HiddenField ID="GameID" Value=<%# Eval("GameID") %> runat="server" /> 
     <td> 
      <asp:Label ID="HomeTeamNameLabel" runat="server" Text='<%# Eval("HomeTeamName") %>' /> 
     </td> 
     <td> 
      <asp:HiddenField ID="HomeID" Value=<%# Eval("HomeTeamID") %> runat="server" /> 
      <asp:RadioButton ID="RadioButtonHome" Checked="false" runat="server" GroupName="GameChoice" /> 
     </td> 
     <td> 
      <asp:Label ID="AwayTeamNameLabel" runat="server" Text='<%# Eval("AwayTeamName") %>' /> 
     </td> 
     <td> 
      <asp:HiddenField ID="AwayID" Value=<%# Eval("AwayTeamID") %> runat="server" /> 
      <asp:RadioButton ID="RadioButtonAway" Checked="false" runat="server" GroupName="GameChoice" /> 
     </td> 
    </tr> 
</AlternatingItemTemplate> 
<EmptyDataTemplate> 
    <table id="Table1" runat="server" style=""> 
     <tr> 
      <td>No data was returned.</td> 
     </tr> 
    </table> 
</EmptyDataTemplate> 
<ItemTemplate> 
    <tr style="color: white; background-color: darkgreen; border: groove; width:100%;"> 
     <td style="float:left;"> 
      <asp:Label ID="DateLabel" runat="server" Text='<%# Eval("Date") %>' /> 
     </td> 
      <asp:HiddenField ID="GameID" Value=<%# Eval("GameID") %> runat="server" /> 
     <td> 
      <asp:Label ID="HomeTeamNameLabel" runat="server" Text='<%# Eval("HomeTeamName") %>' /> 
     </td> 
     <td> 
      <asp:HiddenField ID="HomeID" Value=<%# Eval("HomeTeamID") %> runat="server" /> 
      <asp:RadioButton ID="RadioButtonHome" Checked="false" runat="server" GroupName="GameChoice" /> 
     </td> 
     <td> 
      <asp:Label ID="AwayTeamNameLabel" runat="server" Text='<%# Eval("AwayTeamName") %>' /> 
     </td> 
     <td> 
      <asp:HiddenField ID="AwayID" Value=<%# Eval("AwayTeamID") %> runat="server" /> 
      <asp:RadioButton ID="RadioButtonAway" Checked="false" runat="server" GroupName="GameChoice" /> 
     </td> 
    </tr> 
</ItemTemplate> 
<LayoutTemplate> 
    <table id="Table2" runat="server"> 
     <tr> 
      <td id="Td1" runat="server"> 
       <table id="itemPlaceholderContainer" runat="server" border="0" style=""> 
        <tr id="Tr1" runat="server"> 
         <th id="Th1" runat="server">Date</th> 
         <th style="float: right;" id="Th2" runat="server">Home Team</th> 
         <th id="Th3" runat="server"></th> 
         <th style="float:right;" id="Th4" runat="server">Away Team</th> 
         <th id="Th5" runat="server"></th> 
        </tr> 
        <tr id="itemPlaceholder" runat="server"> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr id="Tr2" runat="server"> 
      <td id="Td2" runat="server" style=""></td> 
     </tr> 
    </table> 
</LayoutTemplate> 
<SelectedItemTemplate> 
    <tr> 
     <td style="float:left;"> 
      <asp:Label ID="DateLabel" runat="server" Text='<%# Eval("Date") %>' /> 
     </td> 
      <asp:HiddenField ID="GameID" Value=<%# Eval("GameID") %> runat="server" /> 
     <td> 
      <asp:Label ID="HomeTeamNameLabel" runat="server" Text='<%# Eval("HomeTeamName") %>' /> 
     </td> 
     <td> 
      <asp:HiddenField ID="HomeIDvalue" Value=<%# Eval("HomeTeamID") %> runat="server" /> 
      <asp:RadioButton ID="RadioButtonHome" Checked="false" runat="server" /> 
     </td> 
     <td> 
      <asp:Label ID="AwayTeamNameLabel" runat="server" Text='<%# Eval("AwayTeamName") %>' /> 
     </td> 
     <td> 
      <asp:HiddenField ID="AwayIDvalue" Value=<%# Eval("AwayTeamID") %> runat="server" /> 
       <asp:RadioButton ID="RadioButtonAway" Checked="false" runat="server" /> 
     </td> 
    </tr> 
</SelectedItemTemplate> 
</asp:ListView> 

C＃文件：

protected void onPickEmSubmit(object sender, EventArgs e) 
{ 
    //  Will ensure deadline time has not passed 
    string dateTime = "08/25/2016 13:00:00.00"; 
    DateTime CutoffDate = Convert.ToDateTime(dateTime); 
    DateTime localDate = DateTime.Now; 
    if (localDate > CutoffDate) 
    { 
     // if deadline has passed, will send error message 
     Overdue.Visible = true; 
    } 
    else 
    { 
     //  Will ensure all games were picked 
     //   else send an error message back 
     Boolean visible = false; 
     ScriptManager.RegisterStartupScript((Page)this, base.GetType(), "AllPickEmGamesSelected" + DateTime.Now, 
                string.Format("AllPickEmGamesSelected('{0}');", visible), true); 
     NotAllPicked.Visible = visible; 
    } 
} 

Answer 1

你解決這個問題的方法只是一個小小的問題婆。由於JavaScript是區分大小寫的語言，因此您需要將Checked更改爲checked。所以，你的最終JS代碼將是：

function AllPickEmGamesSelected(visible) 
{ 
    var i; 
    for (i=0; i<16; i++) 
    { 
     var HomeTeamVerif = document.getElementById("FeaturedContent_ListViewPickEm_RadioButtonHome_" + i).checked; 
     var AwayTeamVerif = document.getElementById("FeaturedContent_ListViewPickEm_RadioButtonAway_" + i).checked; 
     if (!HomeTeamVerif & !AwayTeamVerif) 
     { 
      visible = true;   
     } 
    } 
} 

對不起，但我沒有檢查這段代碼。 ;）