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" />这一个元素。跪谢了!!
论文:<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" />这一个元素。跪谢了!!
$("#对像").show();
document.getElementById("bzmc").style.display = "none";
document.getElementById("bz").style.display = "block";
<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>
onclick="location.href='论文地址'";