jquery 实现页面元素禁用

现在有一个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");
			}
		  }
	    )
      }
}

你可能感兴趣的:(jquery)