jQuery propメソッドを使ってdisabledの状態を確認するサンプル
環境
Google Chrome 105.0.5195.127
Windows 10 Home 64bit
jquery 3.6.1
構文
const 変数名= $('ボタンのクラス名’).prop('disabled’);
propメソッドを使ってボタンの「disabled」の現在の状態を確認します。
「prop()」では「disabled」の有無によって「true / false」が取得します。
const 変数名 = $('ボタンのクラス名’).attr('disabled’);
attrメソッドを使って「disabled」が付与され属性を取得します。
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ const resA = $('.btnupdate').attr('disabled'); const resB = $('.btndel').attr('disabled'); const resC = $('.btnupdate').prop('disabled'); const resD = $('.btndel').prop('disabled'); console.log( resA ); console.log( resB ); console.log( resC ); console.log( resD); }); </script> </head> <body> <button class="btnupdate" disabled>更新</button><br><br> <button class="btndel" >削除</button> </body> </html>
実行結果
「prop()」は「disabled」の現在の状態を確認します。
disabled
undefined
true
false