基于jquery的让页面控件不可用的实现代码


Posted in Javascript onApril 27, 2010

应用背景

当用户需要某项功能时要填写一些表单信息,在填写完成并提交后,该部分信息是不允许再次修改的。表单包含TextBox、DropDownList、CheckBox等控件。

需求实现

第一种方案,绑定用户填写的数据时,设置控件的Enable属性为False。如果页面的表单数较少时可采用这样的方法,但是如果在表单较多的情况下则并不是更好的方法。

第二种方案,使用Foreach访问页面控件,判断类型如果是TextBox、DropDownList、CheckBox等,则设置Enable=False。代码量相比第一种方案有所减少,但,仍不是最佳的。

第三种方案,使用Jquery即可轻松实现。

$("input").attr("disabled", "disabled");

总结

要实现同样的功能有很多种方法,如何在特定场景中能找到更快捷更适合的那一种,这才是我们所想的。

Javascript 相关文章推荐
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
深入探讨JavaScript String对象
Mar 09 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
Aug 08 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
webpack打包js的方法
Mar 12 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
May 09 Javascript
小程序实现列表倒计时功能
Jan 29 Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 #Javascript
JavaScript中常见陷阱小结
Apr 27 #Javascript
javascript 动态修改样式和层叠样式表代码
Apr 27 #Javascript
js 绑定带参数的事件以及手动触发事件
Apr 27 #Javascript
javascript 模式设计之工厂模式学习心得
Apr 27 #Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 #Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 #Javascript
You might like
PHP4实际应用经验篇(7)
2006/10/09 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
php实现的简单日志写入函数
2015/03/31 PHP
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
PDO::beginTransaction讲解
2019/01/27 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
yii2.0框架多模型操作示例【添加/修改/删除】
2020/04/13 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
javascript实现跳转菜单的具体方法
2013/07/05 Javascript
jquery ajax方式直接提交整个表单核心代码
2013/08/15 Javascript
浅析return false的正确使用
2013/11/04 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
2017/08/31 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
[34:56]Ti4冒泡赛LGD vs Liquid 1
2014/07/14 DOTA
python实现批量图片格式转换
2020/06/16 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
python实现简单的购物程序代码实例
2020/03/03 Python
Python RabbitMQ实现简单的进程间通信示例
2020/07/02 Python
迪卡侬英国官网:Decathlon英国
2017/04/08 全球购物
荷兰在线体育用品商店:Avantisport.nl
2018/07/04 全球购物
日本化妆品植村秀俄罗斯官方网站:Shu Uemura俄罗斯
2020/02/01 全球购物
大学生家政服务项目创业计划书
2014/01/30 职场文书
2014年五四青年节演讲稿范文
2014/04/22 职场文书
大学生个人求职信
2014/06/02 职场文书
公安局副政委班子个人对照检查材料
2014/10/04 职场文书
nginx 配置缓存
2022/05/11 Servers