新手求个JS 点击单选按钮显示2个不同DIV

leejersey 2012-02-22 10:07:13

...全文

303 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

Acesidonu 2012-02-22

打赏
举报

设置onclick事件

huhao421 2012-02-22

打赏
举报

<input type="radio" name="sex" id="man" onclick="show()">男
<input type="radio" name="sex" id="woman" onclick="show()">女
<div style="display:none" id="div1">
<p>第一个DIV！</p>
</div>
<div style="display:none" id="div2">
<p> 第二个DIV！</p>
</div>

<script>
function show(){
if(document.getElementById("man").checked){
document.getElementById("div1").style.display="block";
document.getElementById("div2").style.display="none";
}else if(document.getElementById("woman").checked){
document.getElementById("div2").style.display="block";
document.getElementById("div1").style.display="none";
};
};
</script>

freedom_gooboy 2012-02-22

打赏
举报



    <input name="radio1" type="radio" onclick="showDiv('radioDIV1')"/>



<input name="radio2" type="radio" onclick="showDiv('radioDIV2')"/>



<div id="radioDIV1" style="display:none;">

	radio1 content

</div>



<div id="radioDIV2" style="display:none;">

	radio2 content

</div>





<script type="text/javascript">

	function showDiv(objID){

		var divID = document.getElementById(objID);

                 //判断DIV显示状态 要是显示的就隐藏，隐藏的就显示

		if(divID.style.display=="block"){

		      divID.style.display="none"

                }else{

		      divID.style.display="block"   

		}

	}

</script>

三石-gary 2012-02-22

打赏
举报

<input type='checkbox' onclick='show()'/>
<div id='aaa' style='display:none'>sss</div>
<script>
function show(){document.getElementId('aaa').style.display='block';}
</script>

leejersey 2012-02-22