display:'none'与display:''

最新推荐文章于 2024-06-05 00:48:32 发布

binziwell

最新推荐文章于 2024-06-05 00:48:32 发布

阅读量986

点赞数

CC 4.0 BY-SA版权

文章标签： javascript input function div html 测试

本文链接：https://blog.csdn.net/binziwell/article/details/1742744

本文介绍了一种使用 JavaScript 实现网页元素显示与隐藏的方法。通过定义 checkradio 函数，根据单选按钮的状态来控制 ID 为 'bb' 的元素的可见性。当选择某个单选按钮时，会触发函数检查是否选中，并据此调整指定元素的 display 属性。

<html>
<head>
<title>测试</title>
<script language="javascript">
function checkradio()
{


    var cc=document.getElementById("aa").checked;
    if(cc==true)
    {
        alert("tt");
        document.getElementById('bb').style.display='none';
    }
    else
    {
        document.getElementById('bb').style.display='';
    }
}
</script>
</head>
<body>
<input type="radio" name="aa" value="1" onclick="checkradio()"/>aa
<input type="radio" name="aa" value="1" onclick="checkradio()"/>bb

<div id="bb" style="DISPLAY: block">dd</div>
</body>
</html>