通过class控制div的显示隐藏

场景：

同一个页面存在新增编辑功能，现需要根据一个选择框去控制其他输入框的显示隐藏。

（其实新增编辑应该合到一个页面中，但由于项目较老和其他客观因素导致分开写）

实现：

如下图的js中，通过(.extendMsg_class)控制选择框的选择，至于其他的输入框，也可以通过(.XXXclass)来找到进行控制。

（需注意，如果页面中存在多个需要控制的地方，通过class控制更方便一些。如果只有一个地方需要控制，使用id会更方便一些）

通过class控制div的显示隐藏相关推荐

原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码
div隐藏与显示 #menus { background-color: #c4cff0; } function Layer_HideOrShow(cur_div) { var current=docu ...
JS控制DIV的显示隐藏
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
jquery控制div的显示与隐藏
使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明. $("#id").show()表示display:block, $("#id ...
鼠标悬浮移出控制div的显示与隐藏
鼠标悬浮移出控制div的显示与隐藏当鼠标悬浮在某一个触发div显示的元素上时,通常JS为:οnmοuseοver="javascript:showAlertInfo(ShowID);&qu ...
原生js设置div隐藏或者显示_用js控制div的显示与隐藏
功能介绍:要实现一个div的显示与隐藏,方法有很多,这里记录下一个简单的js效果,用js来控制div的显示与隐藏,示例代码如下: js显示隐藏层 function showdiv(targetid,o ...
js控制ul的显示隐藏，对象的有效范围
js控制ul的显示隐藏,对象的有效范围 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...
Vue按钮控制身份证号码显示隐藏中间部分
在实际开发中经常会遇到点击小眼睛图标控制身份证号码显示隐藏的情况.比如: 这是我在实际开发中遇到的问题,或许方法有点笨,但是可以实现,有大神请指教. 1.首先在data中保存数据,并且定义一个布尔值变 ...
控制 html元素显示/隐藏
1.编写js函数 <script type="text/javascript">function display(y){$(y).style.display=($(y) ...
flutter控制显示隐藏_leaflet中如何通过透明度控制layerGroup的显示隐藏
最近在leaflet开发过程中,遇到地图数据需要按时序播放的需求,处理思路是将每个时间节点的要素添加到layerGroup中,然后通过切换layerGroup的显示隐藏来实现效果.翻看leaflet的 ...

通过class控制div的显示隐藏

通过class控制div的显示隐藏相关推荐

最新文章

热门文章