请教各位大虾 如何实现以下效果 选择选项2 则显示BOX2 的内容 选中选项3 则显示BOX3的内容 但是BOX2 就要隐藏<script language="javascript">
function ShowDiv(objid) {
document.getElementById(objid).style.display = "block";
}
function Hidden(objid) {
document.getElementById(objid).style.display = "none";
}
</script>
<div class="box2" id="box2" style="display:none">内容2</div>
<ul>
<li><input type="radio" name="x1" value="a1" checked id="a1">选项1</li>
<li><input type="radio" name="x1" id="a2" value="a2" onclick="ShowDiv('box2')">选项2
<a href="#" onclick="ShowDiv('box2')">aa2</a>
</li>
<li><input type="radio" name="x1" id="a3" value="a3" onclick="ShowDiv('box3')">选项3
<div class="box3" id="box3" style="display:none">内容3</div>
</li>
</ul>radio多个按钮javascript
function ShowDiv(objid) {
document.getElementById(objid).style.display = "block";
}
function Hidden(objid) {
document.getElementById(objid).style.display = "none";
}
</script>
<div class="box2" id="box2" style="display:none">内容2</div>
<ul>
<li><input type="radio" name="x1" value="a1" checked id="a1">选项1</li>
<li><input type="radio" name="x1" id="a2" value="a2" onclick="ShowDiv('box2')">选项2
<a href="#" onclick="ShowDiv('box2')">aa2</a>
</li>
<li><input type="radio" name="x1" id="a3" value="a3" onclick="ShowDiv('box3')">选项3
<div class="box3" id="box3" style="display:none">内容3</div>
</li>
</ul>radio多个按钮javascript
解决方案 »
- 关于firefox扩展信息输出
- var o = new Object和var o = new Object()的区别!
- JS调用后台函数出现奇怪问题
- 用JavaScript连本地Access数据库问题,同样的方法,原来连的上的,突然间,就连不上了,我重新做张相同的表,又连上了,过几天后,又会出现同样的
- 可以设置鼠标的坐标位置吗?event.clientX不能写入。
- Jquery ajax请求后台成功,但没返回值
- 请问如何控制iframe的滚动条位置
- 在Javascript中嵌入Jsp问题
- chrome,ff兼容性问题
- 关于函数原型的问题
- 求助,javascript传值问题
- easyui panel 的一个问题
<ul>
<li><input type="radio" name="x1" value="a1" checked id="a1">选项1</li>
<li><input type="radio" name="x1" id="a2" value="a2" onclick="ShowDiv('box2');Hidden('box3')">选项2
<a href="#" onclick="ShowDiv('box2')">aa2</a>
</li>
<li><input type="radio" name="x1" id="a3" value="a3" onclick="ShowDiv('box3');Hidden('box2')">选项3
<div class="box3" id="box3" style="display:none">内容3</div>
</li>
</ul>
有比这个更好的方法么
<ul>
<li><input type="radio" name="x1" value="a1" checked id="a1">选项1</li>
<li><input type="radio" name="x1" id="a2" value="a2" onclick="ShowDiv('box2')">选项2<a href="#" onclick="ShowDiv('box2')">aa2</a></li>
<li><input type="radio" name="x1" id="a3" value="a3" onclick="ShowDiv('box3')">选项3
<div class="box3" id="box3" style="display:none">内容3</div>
</li>
</ul>
<script type="text/javascript">
function ShowDiv(objid) {
document.getElementById("box2").style.display = objid=="box2"?"block":"none";
document.getElementById("box3").style.display = objid=="box3"?"block":"none";
}
</script>