单选框触发事件,使得其下面的文本框的内容发生变化,如何实现?

上面四个单选框，分别是：年 季 月 天
下面是文本框 多选的
如何实现 
点击“年”就可以出现年的数据 比如2000年 2001年 2002年......；
点击“季”就可以出现季的数据 比如2000年1季度 2000年2季度......；
        

解决方案 »

  1.   


    <!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>
      

  2.   

    xnjnmn 
    你太帅了！！！
      

  3.   

    顺便问下：
    select multiple 多选框 能不能根据单选条件radio动态变化里面的数据