关于点击显示与隐藏的事件
2017-11-08 11:31
323 查看
前几天第一次上班,激动又害怕。真怕自己做不好,被老板炒鱿鱼了。
上班第一天,老板给我了我一个任务:大概就是
这样的任务,点击是的时候没有text文本框;然而点击否的时候就会出现
就是这样的样式;
本来也是初学者,还是有点偏向写后台代码的我也是觉得很简单。
但是真真去做的时候又不知道从哪里 入手。才知道我也是眼高手低,以为自己什么都会。
于是灰头土脸的去学习JS,JQuery。
经过不懈的努力,终于弄清楚了显示与隐藏的大概方法了
首先让所有的text文本框都隐藏
css样式是:style="display: none";
然后判断这个单选框的值是否就显示,不是否就隐藏。
说实话,想到这里我自己都觉得自己很聪明好吗。
对了,这布局是两个DIV
单选一个,text文本框一个。
在每个单选框里面加个事件,给下面的文本框的div在个id
function doclick(value,tid){
if(value == "否"){
$(tid).show();
}else{
$(tid).css({display:"none"});
}
}
然后就可以通过一个事件显示和隐藏所有的文本框了
不吹不黑,我简直是天才!
上班第一天,老板给我了我一个任务:大概就是
这样的任务,点击是的时候没有text文本框;然而点击否的时候就会出现
就是这样的样式;
本来也是初学者,还是有点偏向写后台代码的我也是觉得很简单。
但是真真去做的时候又不知道从哪里 入手。才知道我也是眼高手低,以为自己什么都会。
于是灰头土脸的去学习JS,JQuery。
经过不懈的努力,终于弄清楚了显示与隐藏的大概方法了
首先让所有的text文本框都隐藏
css样式是:style="display: none";
然后判断这个单选框的值是否就显示,不是否就隐藏。
说实话,想到这里我自己都觉得自己很聪明好吗。
对了,这布局是两个DIV
单选一个,text文本框一个。
在每个单选框里面加个事件,给下面的文本框的div在个id
function doclick(value,tid){
if(value == "否"){
$(tid).show();
}else{
$(tid).css({display:"none"});
}
}
然后就可以通过一个事件显示和隐藏所有的文本框了
不吹不黑,我简直是天才!
相关文章推荐
- jq效果 点击隐藏和显示(组织冒泡事件)
- UINavigationController点击事件控制隐藏与显示(UITabBarController也同样适用)
- JQUERY显示隐藏的点击绑定事件
- 关于textview中表示文字段落时,特定区域显示高亮颜色和点击事件的方法
- Jquery点击事件隐藏显示菜单
- [事件处理] 点击同一按钮实现div的隐藏与显示切换
- 小程序点击实现隐藏和显示(两个事件双向)
- jQuery - toggle 每次点击出现一种事件,并且反复出现 $ 点击显示再次点击隐藏
- 关于androidStudio中使用ButterKnife8.4.0时点击事件显示为未使用
- 关于点击button显示隐藏
- 通过点击事件轮换隐藏和显示导航栏
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- 《鼠标点击【onclick】事件及Div的显示与隐藏制作站内分类栏》
- 关于element-ui popover组件通过数据渲染出多个popover时点击取消时 popover的显示与隐藏问题
- js 事件点击 显示 隐藏
- 使用可变参数批量设置view显示,隐藏,点击事件
- Fragment:判断是否显示当前Fragment viewpager ;Fragment监听按键点击事件;显示隐藏事件
- 点击单选按钮改变div显示隐藏
- angular+点击按钮,隐藏和显示F12打印状态
- 关于点击某个字段的时候弹出一个dialog的方法(显示dialog里面datagrid的表的数据)