您的位置:首页 > 其它

点击按钮显示隐藏内容

2018-03-17 20:50 1876 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  点击隐藏