如何将元素从禁用状态循环到启用Javascript

Question

我的网页上有两个字段。当其中一个焦点集中时，我想禁用另一个，但是如果用户点击禁用的字段，我希望它禁用第一个字段，然后启用新的焦点字段。这是可能的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：

被禁用的属性设置或返回一个元素是否被禁用， 与否。

禁用的元素不可用且不可点击。被禁用的元素是 ，通常在浏览器中默认呈灰色。