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

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

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

【 tulaoshi.com - Web开发】

应用背景

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

需求实现

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

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

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

代码如下：

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

总结

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

来源:https://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开发

实现方法：代码如下: !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...

jquery创建div 实现代码

标签： Web开发

代码如下: var boardDiv = "div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'加载中...\/div"; $(window).load(function(){ //window.alert("ok"); $(document.body).append(boardDiv); });

jquery 简单导航实现代码

标签： Web开发

代码如下: script type="text/javascript" src="js/jquery.min.js"/script script type="text/javascript" $(function(){ $("li").hover(function(){ $(this).addClass("ho"); }, function(){ $(this).removeClass("ho"); }); $("li").click(function(){ $(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("x...

查看更多精彩>>