jquery disabledのboolean状態を変える3つの方法

1つ目はdisabledのboolean状態を変更し、具体的なコードと解釈は以下の通りである.

 
  
$("button:eq(2)").click(function(){ 
  
var text2=$("input:text:eq(2)"); 
  
if(text2.attr("disabled")==false){ 
  
//    disabled boolean      text   disabled    true 
  
text2.attr("disabled",true); 
  
}else{ 
  
//      text   disabled    false   disabled   
  
text2.attr("disabled",false); 
  
} 
  
}); 
  
 
 

2つ目は、disabledプロパティを削除し、具体的なコードと説明は以下の通りです.
コードは次のとおりです.

 
  
$("button:eq(1)").click(function(){ 
  
var text2=$("input:text:eq(1)"); 
  
if(text2.attr("disabled")==false){ 
  
//    disabled      text     disabled 
  
text2.attr("disabled","disabled"); 
  
}else{ 
  
//           text    disable     
  
text2.removeAttr("disabled"); 
  
} 
  
}); 
  
 
 

3つ目:disabledの値を変更し、具体的なコードと解釈は以下の通りです.
コードは次のとおりです.

 
  
$("button:eq(0)").click(function(){ 
  
var text1=$("input:text:eq(0)"); 
  
if(text1.attr("disabled")==""){ 
  
//   text1.attr("disabled")==false 
  
//    disabled      text     disabled 
  
text1.attr("disabled","disabled"); 
  
}else{ 
  
//           text     disabled      
  
text1.attr("disabled",""); 
  
} 
  
}); 
  
 
 

完全なサンプルコードは次のとおりです(テストに合格しました):
コードは次のとおりです.

 
  
 
  
 
  
  
  
<!-- 
  <br>$(document).ready(function () { 
  <br>$("button:eq(0)").click(function () { 
  <br>var text1 = $("input:text:eq(0)"); 
  <br>if (text1.attr("disabled") == "") { 
  <br>//   text1.attr("disabled")==false 
  <br>//    disabled      text     disabled 
  <br>text1.attr("disabled", "disabled"); 
  <br>} else { 
  <br>//           text     disabled      
  <br>text1.attr("disabled", ""); 
  <br>} 
  <br>}); 
  <br>$("button:eq(1)").click(function () { 
  <br>var text2 = $("input:text:eq(1)"); 
  <br>if (text2.attr("disabled") == false) { 
  <br>//    disabled      text     disabled 
  <br>text2.attr("disabled", "disabled"); 
  <br>} else { 
  <br>//           text    disable     
  <br>text2.removeAttr("disabled"); 
  <br>} 
  <br>}); 
  <br>$("button:eq(2)").click(function () { 
  <br>var text2 = $("input:text:eq(2)"); 
  <br>if (text2.attr("disabled") == false) { 
  <br>//    disabled boolean      text   disabled    true 
  <br>text2.attr("disabled", true); 
  <br>} else { 
  <br>//      text   disabled    false   disabled   
  <br>text2.attr("disabled", false); 
  <br>} 
  <br>}); 
  <br>}); 
  <br>// --> 
  
 
  
 
  
disabledNull 
  
 
  

 
  
disabledRemove 
  
 
  

 
  
disabledState