jquery Three ways to set disabled elements to enabled_jquery

Here we find that three workarounds can be used to change the status of elements set to disabled to enabled.
First method: Change the boolean status of disabled, the specific code and explanation are as follows:

Copy the code The code is as follows:

$("button:eq(2)").click(function(){
var text2=$("input:text:eq(2)");
if( text2.attr("disabled")==false){
//Set the disabled attribute of the third text input box to true by setting the disabled boolean attribute
text2.attr("disabled",true);
}else{
//Remove the disabled attribute by setting the disabled attribute of the third text input box to false
text2.attr("disabled",false);
}
});

Second: Remove the disabled attribute. The specific code and explanation are as follows:

Copy code The code is as follows:

$("button:eq(1)").click(function(){
var text2=$("input:text:eq(1) ");
if(text2.attr("disabled")==false){
//Set the second text input box to disabled by setting the value of disabled
text2.attr("disabled ","disabled");
}else{
//Delete the disable attribute of the second text input box by removing it
text2.removeAttr("disabled");
}
});

The third method: change the value of disabled, the specific code and explanation are as follows:

Copy code The code is as follows:

$("button:eq(0)").click(function(){
var text1=$("input:text:eq (0)");
if(text1.attr("disabled")==""){
// or text1.attr("disabled")==false
//By setting disabled The value of will set the first text input box to disabled
text1.attr("disabled","disabled");
}else{
//Set the first text input box by overwriting Clear the disabled attribute in
text1.attr("disabled","");
}
});

The complete sample code is as follows (already Test passed):

Copy code The code is as follows:

disabledNull



disabledRemove



disabledState


< /html>