单选按钮具有价值虽然没有选择

  • Z时代
  • 2024-01-10
  • 分类：问答

专家你好，请参见下面的代码：单选按钮具有价值虽然没有选择

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <table border="1" cellpadding="8" cellspacing="0" width="700px" style="background-color: Aqua"> 
      <tr> 
       <td style="direction: rtl"> 
        &nbsp; 
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
       </td> 
       <td style="direction: ltr"> 
        F1     </td> 
      </tr> 
      <tr> 
       <td style="direction: rtl"> 
        <asp:DropDownList ID="Drp_1" runat="server" ClientIDMode="Static"> 
         <asp:ListItem Value="1">Head of household</asp:ListItem> 
         <asp:ListItem Value="2">Spouse</asp:ListItem> 
         <asp:ListItem Value="3">Child</asp:ListItem> 
        </asp:DropDownList> 
       </td> 
       <td> 
        F2 
       </td> 
      </tr> 
      <tr> 
       <td style="direction: rtl"> 
        <asp:RadioButtonList ID="Rad_7" runat="server" ClientIDMode="Static"> 
         <asp:ListItem Text="1" Value="1"></asp:ListItem> 
         <asp:ListItem Text="2" Value="2"></asp:ListItem> 
         <asp:ListItem Text="3" Value="3"></asp:ListItem> 
         <asp:ListItem Text="4" Value="4"></asp:ListItem> 
        </asp:RadioButtonList> 
       </td> 
       <td> 
        F3 
       </td> 
      </tr> 
      <tr> 
       <td> 
       </td> 
       <td> 
        <asp:Button ID="btn" runat="server" Height="44px" Text="Submit" ClientIDMode="Static" 
         Width="207px" /> 
       </td> 
      </tr> 
     </table> 
    </ContentTemplate> 
</asp:UpdatePanel> 
<asp:UpdateProgress ID="UpdateProgress1" runat="server"> 
    <ProgressTemplate> 
     <h1 style="color: Green"> 
      Progress ... 
     </h1> 
    </ProgressTemplate> 
</asp:UpdateProgress>

，我用这个jQuery代码：

<script type="text/javascript"> 
    function pageLoad() { 
     $(document).ready(function() { 
      $("#Drp_1").on("change", function() { 
       if ($(this).val() != null && $(this).val() == 2) { //<<<<< This Line 
        if ($('#Rad_7 input').val() != null && $('#Rad_7 input').val() > 1 && $('#Rad_7 input').val() != 2) { 
         alert('Wrong option'); 
        } 
       } 
      }).change(); 
     }); 
    } 
</script>

的问题是，当我在指定的脚本中使用断点行，当我使用立即窗口代码$('#Rad_7 input').val()它返回1虽然我不选择任何选项Rad_7。我的错误在哪里？如果检查与否

感谢

回答：

$('#Rad_7 input').val()将获得第一个单选按钮的value不管。由于第一个单选按钮的值为1，因此您会看到相同的结果。

要获得选中的单选按钮值，请使用此值。

$('#Rad_7 input:checked').val();

如果组中没有一个单选按钮被选中，则它会给出undefined。

以上是 单选按钮具有价值虽然没有选择 的全部内容， 来源链接： utcz.com/qa/260837.html

回到顶部