日期:2014-05-17  浏览次数:20348 次

请问在JS中怎么判断RadioButtonList是否选中了其中的一项
请问在JS中怎么判断RadioButtonList是否选中了其中的一项
比如:
 <asp:RadioButtonList runat="server" ID="rdoDiscount" RepeatLayout="Flow" RepeatDirection="Horizontal">
  <asp:ListItem Selected="True" Value="1">折扣</asp:ListItem>
  <asp:ListItem Value="2">价格</asp:ListItem>
  </asp:RadioButtonList>

用IS判断选择的是:折扣 还是 :价格
怎么判断?

------解决方案--------------------
HTML code
<asp:RadioButtonList runat="server" ID="rdoDiscount" RepeatLayout="Flow" RepeatDirection="Horizontal">
        <asp:ListItem Value="1">折扣 </asp:ListItem>
        <asp:ListItem Value="2">价格 </asp:ListItem>
    </asp:RadioButtonList>
    <input type="button" onclick="haveChecked()?alert('已选择'):alert('未选择');" value="check" />

    <script type="text/javascript">
    function haveChecked()
    {
        var rbl=document.getElementById('<%=rdoDiscount.ClientID %>');
        var rbls=rbl.getElementsByTagName('input');
        for(var i=0;i<rbls.length;i++)
        {
            if(rbls[i].type=='radio')
                if(rbls[i].checked) return true;
        }
        return false;
    }
    
    </script>

------解决方案--------------------
改进一下

HTML code
<asp:RadioButtonList runat="server" ID="rdoDiscount" RepeatLayout="Flow" RepeatDirection="Horizontal">
        <asp:ListItem Value="1">折扣 </asp:ListItem>
        <asp:ListItem Value="2">价格 </asp:ListItem>
    </asp:RadioButtonList>
    <input type