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>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
7
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
8
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
9
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
10
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
11
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
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>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
7
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
8
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
9
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
10
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
11
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
12
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
13
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
14
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
15
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
16
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
17
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
18
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
19
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
20
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
21
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
22
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
23
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
24
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
25
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
26
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
27
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
28
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
29
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
30
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
31
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
32
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
33
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
34
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
35
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
36
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
37
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
else
return true;
38
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
39
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)