jquery実装ページ要素無効化
1486 ワード
htmlページがあります.ページ要素にはinput、select、radio、textarea、checkboxなどがあります.
実装機能
1:idをinput 1、input 5、radion 2、select 8とする要素は使用できません.
disabledThisInput(「input 1,input 5,radion 2,select 8」)を呼び出す.
2:idがinput 1、input 5、radion 2、select 8の他の要素を使用できないようにします.
disabledNotThisInput(「input 1,input 5,radion 2,select 8」)を呼び出す.
jsメソッドは次のとおりです.
実装機能
1:idをinput 1、input 5、radion 2、select 8とする要素は使用できません.
disabledThisInput(「input 1,input 5,radion 2,select 8」)を呼び出す.
2:idがinput 1、input 5、radion 2、select 8の他の要素を使用できないようにします.
disabledNotThisInput(「input 1,input 5,radion 2,select 8」)を呼び出す.
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");
}
}
)
}
}