jQueryオブジェクト .prop()

属性の値を取得して、戻り値として返す。

prop(name)

name

値を取得する属性の名前を指定する。

属性に値を設定する。

prop(name, value)

name

値を設定する属性の名前を指定する。

value

属性に設定する値を指定する。

propメソッドの使用例を示す。

// jQueryでチェックボックスの状態を調べる
if ($('#checkbox1').prop('checked')) {
  // チェックされている
} else {
  // チェックされていない
}

フォームコントロールの有効/無効を切り替える例を示す。

<script>
  $(function() {
    $('#button1').click(function(){
      if ($('#text1').prop('disabled')) {
        $('#text1').prop('disabled', false);
      } else {
        $('#text1').prop('disabled', true);
      }
    });
  });
</script>
<button type="button" id="button1">有効/無効を切り替え</button>
<input type="text" value="text" id="text1">