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>
<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>
<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
else28
{29
flag=false;30
}31
}32
33
if(flag==false)34
{35
alert("文件类型不正确");36
return false;37
}else
return true;
38
}39
</script>


浙公网安备 33010602011771号