jquery 实现页面元素禁用

最新推荐文章于 2022-11-02 17:23:09 发布

black1982

最新推荐文章于 2022-11-02 17:23:09 发布

阅读量1.1k

点赞数

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/black1982/article/details/84359485

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

现在有一个html页面，页面元素有 input、select、radio、textarea、checkbox 等

实现功能

1：使id为 input1、input5、radion2、select8的元素不可用。

调用 disabledThisInput("input1,input5,radion2,select8");

2：使除了id为 input1、input5、radion2、select8的其他的元素不可用。

调用 disabledNotThisInput("input1,input5,radion2,select8");

js方法如下:

disabledThisInput = function(fields){
      if(fields!=null){
            var fieldsArray = fields.split(",");
            if(fieldsArray!=null && fieldsArray.length>0){
                  for(var i = 0 ; i < fieldsArray.length ; i++){
			$('#'+fieldsArray[i]).attr("disabled", "disabled");
		  }
	     }
		
	}
}

disabledNotThisInput = function(fields){
      fields = ','+fields+',';
      var inputTypes=new Array("input","select","radio","textarea");
      for(var k = 0 ; k < inputTypes.length ; k ++ ){
            var inputArray=$(inputTypes[k]);//循环得到某种类型的所有元素
	    inputArray.each(
                  function (){
                        var input =$(this);
			var tempId = input.attr("id");
			if(fields.indexOf(tempId) < 0 ){
				$('#'+tempId).attr("disabled", "disabled");
			}
		  }
	    )
      }
}