JS 控制RadioButtonList 获得上传文件类型后选中

Code

 1<asp:FileUpload ID="UploadFile" runat="server" onchange="javascript:Change(this.value);" />
 2        
 3         <%--<asp:FileUpload ID="UploadFile" runat="server" OnChange="Change(this.value);" />也可以使用这种方法调用JavaScript--%>
 4         
 5        <asp:RadioButtonList ID="ImgType" runat="server" RepeatDirection="Horizontal">
 6            <asp:ListItem Value="jpg">jpg</asp:ListItem>
 7            <asp:ListItem Value="jpeg">jpeg</asp:ListItem>
 8            <asp:ListItem Value="gif">gif</asp:ListItem>
 9            <asp:ListItem Value="bmp">bmp</asp:ListItem>
10            <asp:ListItem Value="swf">Flash</asp:ListItem>
11        </asp:RadioButtonList>

 1<script language="javascript" type="text/javascript">
 2        function Change(value)
 3        {
 4            
 5            var theStrLen   = value.length;
 6            //得到上传文件所在的路径的长度
 7            var thePosition = value.lastIndexOf(".");
 8            //从底部开始查找 "." 这个字符
 9            var fileType = value.substr(thePosition+1,theStrLen-1);
10            //获得上传文件的类型
11            var RadioObject =document.getElementById('<%=ImgType.ClientID%>');
12            //这个也可以用doucument.getElementById("ImgType")来得到,
13            //一般情况下应该使用 document.getElementById('<%=ImgType.ClientID%>')来得到这个Object;
14            var RadioInput  = RadioObject.getElementsByTagName("INPUT");
15            //因为WebControl在客户端的显示为HTML代码,所以必须要依据客户端的显示查找"INPUT"
16            
17              var flag = true;
18              
19              for(var i=0;i<RadioInput.length;i++)
20              {
21                if(RadioInput[i].value==fileType)
22                {
23                    RadioInput[i].checked=true;
24                    flag=true;
25                    break;//退出循环      continue为中断本次循环,进入下次循环
26                }

27                else
28                {
29                    flag=false;
30                }

31              }

32              
33              if(flag==false)
34              {
35                alert("文件类型不正确");
36                return false;
37              }
                     else
                        return true;
38        }

39    </script>

 

posted @ 2007-06-15 14:40  海底的鱼  阅读(1398)  评论(2编辑  收藏  举报