2017-02-25 13 views
-1

私は送信ボタンがあり、最初は無効にしたいので、以下のJavaScriptを実行しました。ボタンが最初に起動しない

var button = document.getElementById("myBtn"); 
button.disabled = true; 

実行時に何らかの理由で有効に設定されています。しかし、別のボタンをクリックすると最初のボタンが無効になるという機能があると、そのボタンは無効になります。

function myFunction() { 
document.getElementById("myBtn").disabled = true; 
} 

これは両方のボタンの通常の宣言です。

<button id="myBtn">Submit</button> 
<button onClick = "myFunction()">Disable Submit Button</button> 

は、私はまた、setAttributeメソッドとremoveAttribute

PSを使用してみました:私は、Visual Studio 2015を使用して、Chromeを使用して実行していますよ。 Internet Explorerを使用すると、「JavaScriptランタイムエラー:未定義またはnull参照のプロパティ 'disabled'を設定できません」という奇妙なエラーが表示されます。

+1

あなたはボタンがすでにスクリプトが実行される時間によってロードされるように、このJavaScriptコードは、HTMLの下でそれをロードしたり、配置する文書全体を待っいずれかのことを確認する必要があります。 –

+0

'DOMContentLoaded'イベントを使用していますか? 'button.disabled = true;'を使用する場合 – Satpal

+0

無効にする機能は正しく配置すると正常に動作します。ヘッダーとフッターでコードを編集してください。 –

答えて

0

無効にするには、この関数を呼び出す必要があります。

function myFunction() { 
 
    document.getElementById("myBtn").disabled = true; 
 
} 
 
myFunction();
<button id="myBtn">Submit</button>

または自己呼び出す無名関数を使用します。

(function() { 
 
    document.getElementById("myBtn").disabled = true; 
 
})();
<button id="myBtn">Submit</button>

またはブラウザがページコンポーネントのロードが終了するまで待つ:

を0

window.onload = function(){ 
 
    document.getElementById("myBtn").disabled = true; 
 
}
<button id="myBtn">Submit</button>

関連する問題