1. ホーム
  2. ジャバスクリプト

[解決済み】html入力ボタンの無効化・有効化について

2022-03-27 21:58:22

質問

そこで、このようなボタンがあります。

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

好きな時に無効化、有効化するにはどうしたらいいですか?試してみたところ disabled="disable" しかし、それを有効に戻すのは問題です。falseに戻してみましたが、有効化されませんでした。

解決方法を教えてください。

Javascriptを使用する

  • htmlボタンを無効にする

    document.getElementById("Button").disabled = true;
    
    
  • htmlボタンを有効にする

    document.getElementById("Button").disabled = false;
    
    
  • デモはこちら


jQueryの使用方法

1.6より前のすべてのバージョンのjQuery

  • htmlボタンを無効にする

    $('#Button').attr('disabled','disabled');
    
    
  • htmlボタンを有効にする

    $('#Button').removeAttr('disabled');
    
    
  • デモはこちら

1.6以降のすべてのjQueryバージョン

  • htmlボタンを無効にする

    $('#Button').prop('disabled', true);
    
    
  • htmlボタンを有効にする

    $('#Button').prop('disabled', false);
    
    
  • デモはこちら

追伸:以下のコードを元に更新しました。 jquery 1.6.1での変更点 . 提案として、常に最新の jquery ファイルと prop() メソッドを使用します。