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

2016-02-19 13:03 26 1 收藏

每个人都希望每天都是开心的，不要因为一些琐事扰乱了心情还，闲暇的时间怎么打发，关注图老师可以让你学习更多的好东西，下面为大家推荐基于jquery的让页面控件不可用的实现代码，赶紧看过来吧！

【 tulaoshi.com - Web开发】

应用背景

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

需求实现

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

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

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

代码如下：

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）$("input").attr("disabled", "disabled");

总结

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

来源:http://www.tulaoshi.com/n/20160219/1602848.html

上一篇： jQuery 顺便学习下CSS选择器奇偶匹配nth-child(even)
下一篇： jquery css 选择器演示代码

看过《基于jquery的让页面控件不可用的实现代码》的人还看了以下文章更多>>

jQuery select的操作实现代码

标签： Web开发

//改變時的事件代码如下: $("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目代码如下: 法1：$("select#Clubs").children("[@selected]").each(function(){ alert(this.text); }); 法2：$("#selBags").va...

基于jquery实现的服务器验证控件的启用和禁用代码

标签： Web开发

应用背景 1.用户需要填写表单时。 2.页面采用服务器验证控件。 3.由用户来选择是否填写更多项，更多项的显示与隐藏用Display控制，如下图。点击“增加服务内容”，显示新增表单项，如下图。点击“取消增加”，隐藏新增表单项。问题：用户点击下一步时，不对Display=none的新增区域表单进行验证，需要在用户点击“取消增加时”，...

基于AJAX的分页类实现代码

标签： Web开发

代码如下： /** * ppagination.js * p通用的基于AJAX的分页类 * @author jeanwendy * @version 1.0 */ var paginationIndex = 0; var pagination = function(trTemplatId) { $().ajaxStart(function() { $.blockUI({ ...

jQuery 浮动广告实现代码

标签： Web开发

实现方法：代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title浮动广告/title style type="text/css" #qqonline{ background-color:red; border:...

jquery 弹出层实现代码

标签： Web开发

经过分析，网上的参考，终于搞定了~~ jQuery插件代码：代码如下: jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targ...

查看更多精彩>>