【不懂就要问】关于jsp 页面 radio 点选状态，变换页面展现元素的问题

jsp页面上有三个radio元素
论文：<input class="subss_input1" type="radio" name="radio" id="lunwen" value="1" />
项目：<input class="subss_input1" type="radio" name="radio" id="project" value="2" />
著作：<input class="subss_input1" type="radio" name="radio" id="book" value="3" />如何能根据我点选的 这个radio 元素，在页面下方展现不同的内容？？？
比如 ，
当我点选 【论文】 的时候，页面上只展现
作者名称：<input class="subss_input1" type="text" name="duname" id="bzmc" />这一个元素。
当我点选 【项目】 的时候 ，页面上只展现
项目名称：<input class="subss_input1" type="text" name="du" id="bz" />这一个元素。跪谢了！！

解决方案 »

  1.   

    在radio的onclick事件中，编写代码，更改下面的div的innerHTML不就行了，当然如果你用jquery之类的框架，那将是相当的容易啊。
      

  2.   

    jquery 很容易可以做到hide和show的功能$("#对像").hide();
    $("#对像").show();
      

  3.   

    样式加js控制，默认是隐藏，点击就显示，比如
    document.getElementById("bzmc").style.display = "none";
    document.getElementById("bz").style.display = "block";
      

  4.   

    <html>
    <head>
    <title>aaa</title>
    </head>
    <script type="text/javascript">
    function check(){
    //论文的情况
    if (document.getElementById("lunwen").checked == true){
    document.getElementById("div1").style.display = "block";
    document.getElementById("div2").style.display = "none";
    return;
    }
    //项目的情况
    if (document.getElementById("project").checked == true){
    document.getElementById("div2").style.display = "block";
    document.getElementById("div1").style.display = "none";
    return;
    }
    //其他的情况
    document.getElementById("div2").style.display = "none";
    document.getElementById("div1").style.display = "none";
    }
    </script><body>
    论文：<input class="subss_input1" type="radio" name="radio" id="lunwen" value="1" onClick="check()"/>
    项目：<input class="subss_input1" type="radio" name="radio" id="project" value="2"onClick="check()" />
    著作：<input class="subss_input1" type ="radio" name="radio" id="book" value="3" onClick="check()"/><div id="div1" style="display:none;">
    当我点选 【论文】 的时候，页面上只展现
    作者名称：<input class="subss_input1" type="text" name="duname" id="bzmc" />这一个元素。
    </div>
    <div id="div2" style="display:none;">
    当我点选 【项目】 的时候 ，页面上只展现
    项目名称：<input class="subss_input1" type="text" name="du" id="bz" />这一个元素。
    </div>
    </body>
    </html>
      

  5.   

    这个得看你的下方是怎么做的，如果下方把所有内容都一次从后台拿过来了，就用4#的方法即可，如果论文，项目，著作等分别在一个JSP页面，那就得在onclick上写URL转向了.
    onclick="location.href='论文地址'";