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

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>