多个div切换问题 div1

最新推荐文章于 2022-09-06 12:08:21 发布

wgf091201221

最新推荐文章于 2022-09-06 12:08:21 发布

阅读量691

点赞数

分类专栏： java 文章标签： div input float 存储 action function

本文链接：https://blog.csdn.net/wgf091201221/article/details/7599494

版权

java 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

类型切换时必须用引号引起

<style>

#f1
{
display: none;
}

#f2
{
display: none;
}

#b
{

}
</style>
<script>
function check(obj)
{
var f1 = document.getElementById("f1");
var f2 = document.getElementById("f2");
var f0 = document.getElementById(obj);

f1.style.display="none";
f2.style.display="none";
f0.style.display="block";
}

</script>
<body>

<label>选择存储类型</label><br>
<input type="radio" value="t1" name="typ" width="300px" οnclick="check('f1')"/>确定型存储    
<input type="radio" value="t2" name="typ" width="300px" οnclick="check('f2')"/>随机型存储
<form name="form1" method="post" action="ParamServlet">
<div>
<div id="f1" style="float:left;width: 100px;">
<input type="radio" name="model" checked="checked"/>test1 <br/>
<input type="radio" name="model"/>test1<br/>
</div>

<div id="f2" style="float:left;width:100px;">
<input type="radio" name="mode1" checked="checked"/>test2 <br>
<input type="radio" name="mode1"/>test2<br/>
</div>
</div>

<div id="b">
<input type="submit" value="确定""/><br/>
</div>
</form>
</body>
</html>