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