点击按钮显示隐藏内容
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>
相关文章推荐
- 一个按钮点击隐藏下面内容,再点击显示,并且按钮自己里边的字也在变
- 点击按钮时显示一个弹框,点击空白,弹框隐藏,也可操作弹框中的内容,也可使用弹框中的按钮关闭弹框
- 点击一个切换按钮 按钮的文字切换 对应的内容也跟着显示隐藏
- Vue.js 点击按钮显示/隐藏内容 实例
- Vue.js 点击按钮显示/隐藏内容的实例代码
- 点击按钮显示和隐藏列表内容
- javascript控制点击一次按钮实现元素的显示隐藏
- js/jq 点击按钮显示div,点击页面其他任何地方隐藏div
- vue 点击按钮改变页面显示内容
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- 仿千千静听时 点击PL按钮时,隐藏或显示播放列表
- js点击按钮显示,在次点击按钮隐藏
- Android悬浮窗按钮实现点击并显示/隐藏多功能列表
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- div小型浮动层,类似锚点提示文字,鼠标点击按钮显示/隐藏
- angular+点击按钮,隐藏和显示F12打印状态
- TextView限定行数,点击按钮显示所有内容
- F:在datagrid中 怎么实现 点击一行(多列)传一个id过去到第二页显示其具体内容,不用按钮、链接等?
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- 【MFC】 点击不同的按钮后在界面同一位置显示不同的对话框内容(转)