☰

HTML入力ボタンの無効化と有効化 質問する

tag-icon • tag-icon javascript jquery
HTML入力ボタンの無効化と有効化 質問する

次のようなボタンがあります:

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

どうすれば、必要に応じて無効にしたり有効にしたりできますか? 試してみましたdisabled="disable"が、再度有効にすると問題が発生します。 false に設定し直してみましたが、有効になりませんでした。

ベストアンサー1

Javascriptの使用

  • HTML ボタンを無効にする

    document.getElementById("Button").disabled = true;

  • HTMLボタンを有効にする

    document.getElementById("Button").disabled = false;

  • デモはこちら

jQueryの使用

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

  • HTML ボタンを無効にする

    $('#Button').attr('disabled','disabled');

  • HTMLボタンを有効にする

    $('#Button').removeAttr('disabled');

  • デモはこちら

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

  • HTML ボタンを無効にする

    $('#Button').prop('disabled', true);

  • HTMLボタンを有効にする

    $('#Button').prop('disabled', false);

  • デモはこちら

PS コードを更新しましたjQuery 1.6.1 の変更点提案としては、常に最新の jquery ファイルとメソッドを使用してくださいprop()。

おすすめ記事