JS 控制RadioButtonList 获得上传文件类型后选中
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>
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>
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>