上面四个单选框,分别是:年 季 月 天
下面是文本框 多选的
如何实现
点击“年”就可以出现年的数据 比如2000年 2001年 2002年......;
点击“季”就可以出现季的数据 比如2000年1季度 2000年2季度......;
下面是文本框 多选的
如何实现
点击“年”就可以出现年的数据 比如2000年 2001年 2002年......;
点击“季”就可以出现季的数据 比如2000年1季度 2000年2季度......;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>year.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript"> function changeact()
{
var act = document.getElementsByName("actname");
var acted = "";
for(var i = 0;i<act.length;i++)
{
if(act[i].checked)
{
acted = act[i].value;
//alert(acted);
}
}
if (acted == 'year')
{
document.getElementById("yeartable").style.display="block";
document.getElementById("seasontable").style.display="none";
document.getElementById("monthtabble").style.display="none";
document.getElementById("daytabble").style.display="none";
}
if (acted == 'season')
{
//document.getElementById("yeartable").style.display="none";
document.getElementById("yeartable").style.display="none";
document.getElementById("seasontable").style.display="block";
document.getElementById("monthtabble").style.display="none";
document.getElementById("daytabble").style.display="none";
}
if (acted == 'month')
{
document.getElementById("yeartable").style.display="none";
document.getElementById("seasontable").style.display="none";
document.getElementById("monthtabble").style.display="block";
document.getElementById("daytabble").style.display="none";
}
if (acted == 'day')
{
document.getElementById("yeartable").style.display="none";
document.getElementById("seasontable").style.display="none";
document.getElementById("monthtabble").style.display="none";
document.getElementById("daytabble").style.display="block";
}
}
}
</script>
</head> <body>
年:
<input type="radio" id="actyear" name="actname" value="year" checked
onClick="changeact()" /><br>
季:
<input type="radio" id="actseason" name="actname" value="season"
onClick="changeact()" /><br>
月:
<input type="radio" id="actmonth" name="actname" value="month"
onClick="changeact()" /><br>
天:
<input type="radio" id="actday" name="actname" value="day"
onClick="changeact()" /><br>
<table><tr><td><div id="yeartable" style="display: block">比如2000年 2001年 2002年<div></td></tr></table>
<br>
<table><tr><td><div id="seasontable" style="display: none">比如2000季 2001季 2002季<div></td></tr></table>
<br>
<table><tr><td><div id="monthtabble" style="display: none">比如2000yue 2001月 2002月<div></td></tr></table>
<br>
<table><tr><td><div id="daytabble" style="display: none">比如2000天 2001天 2002天<div></td></tr></table>
<br>
</body>
</html>
你太帅了!!!
select multiple 多选框 能不能根据单选条件radio动态变化里面的数据