关于js修改css属性的一个小问题

ETCentury

于 2011-01-27 09:42:00 发布

阅读量715

点赞数

分类专栏： javascripte 文章标签： css input function html

本文链接：https://blog.youkuaiyun.com/ksqqxq/article/details/6165878

版权

javascripte 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于切换两个不同的操作界面：手动控制和定时控制。通过监听radio按钮的状态变化来实现元素的显示与隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS:
function radioChange(){
                var radios = document.getElementsByName("autoOrmanul");
                if(radios[0].checked){
                    document.getElementById("manu").checked=true;
                    document.getElementById("manuOper").style.display='block';
                    document.getElementById("autoOper").style.display='none';

                }else{
                    document.getElementById("auto").checked=true;
                    document.getElementById("autoOper").style.display='block';
                    document.getElementById("manuOper").style.display='none';
                }
            }

HTML：

<label>
                            <input type="radio" id="manu" name="autoOrmanul" οnclick="radioChange()"/> 手动控制
                                   
                            <input type="radio" id="auto" name="autoOrmanul" οnclick="radioChange()" /> 定时控制
                            </label>

注意：这里的style.display="block"是有引号的。