html 控件隐藏和radio不可选状态

HTML控件操作技巧

最新推荐文章于 2023-06-08 23:36:05 发布

原创最新推荐文章于 2023-06-08 23:36:05 发布 · 3.4k 阅读

4 ·

CC 4.0 BY-SA版权

原创专栏收录该内容

43 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript来操作HTML控件的显示状态，包括隐藏控件使其不占位置、隐藏但保持位置以及使radio按钮变为不可选状态的方法。

Html 控件的隐藏
1 隐藏并且不占据的位置
document.getElementById('myVideo').style.display = "none”;//隐藏
document.getElementById('myVideo').style.display = “block”;//显示
2 隐藏但是仍占据的位置
document.getElementById(Id).style.visibility=‘hidden’//隐藏
document.getElementById(Id).style.visibility=’visible‘;//显示
radio 点击事件，点击一个选项则触发一次
<input type="radio" id="viewer_role" name="userRole" value="viewer" onclick="hidControl('hidden')">
<script>
function hidControl(action){
hid("btn-on-off-camera",action);
</script>