0

ボタンがいくつかあり、javascript で操作を行います。ユーザーが何をクリックしたかに応じて、ボタンが有効または無効になります。

ロジックと有効化/無効化はうまく機能します。しかし、CSS は無効なボタンの外観を更新していません。私の質問は、自動的に更新する必要があるかどうかです。それとも、どうにかしてそれを処理する必要がありますか?

関連する場合は、ASP.NET MVC を使用しています。

これをビューの一番上に追加しただけです（テスト用）：

<style>
   button[disabled] {
       background: green;
   }
</style>

および javascript のスニペット:

function changeNameEnabled(enabled) {
    document.getElementsByName("FullNameExact")[0].disabled = !enabled;
}

サンプル ボタン:

<button onclick="nameClick(this)" name="FullNameExact" style="height:20%;width:75%;top:5%;left:13%;margin-bottom:5%">FULL NAME EXACT</button>

disabledボタンが属性を取得し、クリックできないことがブラウザでわかります

4

3 に答える 3

0

ボタンを無効にするときにボタンにクラスを追加してみませんか? クラスが追加されると、CSS が自動的に適用されます。

document.getElementById("MyElement").className = "MyClass";

一般に、javascript でクラスを管理するには: JavaScript で要素のクラスを変更する

于 2013-08-30T15:15:10.937 に答える
-3

ボタン[無効]は機能しません。.disabledクラスを追加するとうまくいきます。

于 2013-08-30T15:14:45.357 に答える