ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで無効な要素をenabled_jqueryに設定する3つの方法

jqueryで無効な要素をenabled_jqueryに設定する3つの方法

WBOY
WBOYオリジナル
2016-05-16 18:49:191591ブラウズ

ここでは、無効に設定されている要素のステータスを有効に変更するために 3 つの回避策を使用できることがわかります。
最初の方法: ブール値ステータスを無効に変更します。具体的なコードと説明は次のとおりです:

コードをコピーしますコードは次のとおりです:

$("button:eq(2)").click(function(){
var text2=$("input:text:eq(2)" );
if( text2.attr("disabled")==false){
//無効なブール属性を設定して、3 番目のテキスト入力ボックスの無効な属性を true に設定します。
text2.attr( "disabled",true);
}else{
//3 番目のテキスト入力ボックスの disabled 属性を false に設定して、disabled 属性を削除します
text2.attr("disabled",false); 🎜>}
});

2 番目: 無効な属性を削除します。具体的なコードと説明は次のとおりです。

コピーcode コードは次のとおりです:
$("button:eq(1)").click(function(){
var text2=$ ("input:text:eq(1) ");
if(text2.attr("disabled")==false){
//disabled の値を設定して 2 番目のテキスト入力ボックスを無効に設定します
text2.attr("disabled ","disabled");
}else{
//2 番目のテキスト入力ボックスの無効属性を削除します
text2.removeAttr("disabled" );
}
});

3 番目の方法:disabled の値を変更します。具体的なコードと説明は次のとおりです:

コードをコピー コードは次のとおりです:
$("button:eq(0)").click(function(){
var text1=$("input:text:eq (0)");
if(text1.attr("disabled")==""){
// または text1.attr("disabled ")==false
//無効に設定すると、 の値は最初のテキスト入力ボックスを無効に設定します
text1.attr("disabled","disabled");
}else{
//
text1.attr("disabled","")
}
});

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