点击按钮显示隐藏内容

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35399846/article/details/79595563

<li>
    <input type="radio" onclick="ydiaosai()">
    <label >点击显示</label>
</li>
<li>
    <input type="radio" onclick="ndiaosai()">
    <label >点击隐藏</label>
</li>
<script >
function ydiaosai(){
    if(document.getElementById("kawei").style.display=="none")//这个kawei是下面需要进行隐藏或者显示的控件的ID，一开始是隐藏的
        document.getElementById("kawei").style.display="block"
}
function ndiaosai(){
    if(document.getElementById("kawei").style.display=="block")
        document.getElementById("kawei").style.display="none"
}
</script>
<li id="kawei" style="display:none;">
    <label>输入。。。。</label>
    <input type="text">
</li>