Javascriptで要素を無効にしてから有効にする方法

Question

私のウェブページには2つのフィールドがあります。そのうちの1つがフォーカスされているとき、もう一方を無効にしたいのですが、ユーザーが無効なフィールドをクリックすると、最初のフィールドを無効にしてから新しいフォーカスフィールドを有効にします。これはjavascriptで可能ですか？

は、これまで私が試してみた：

<script lang="text/javascript"> 

     function disableSum(){ 
      document.getElementById('BugID').disabled=false; 
      document.getElementById('Summary').disabled=true; 
      console.log('Sum Disabled'); 
     } 

     function disableBug(){ 
      document.getElementById('BugID').disabled=true; 
      document.getElementById('Summary').disabled=false; 
      console.log('Bug Disabled'); 
     } 

     function checkInput(){ 

     } 

    </script> 

Answer 1

次の考え方は少し複雑に見えるかもしれませんが、この動作を得るには、表示/非表示フィールドのペアを使用して遊ぶことができます。

は、それがここでどのように動作するかを参照してください：

http://jsfiddle.net/TQxSh/

Answer 2

w3schools.comから：要素が無効になっているかどうか

disabledプロパティセットや戻り、 かどうかを。

無効な要素は使用できず、クリックできません。無効にされた要素は通常、ブラウザではデフォルトで灰色で表示される です。