如何使用Javascript單擊後將輸入類型按鈕更改爲「display = none」？

Question

我有一個按鈕，我試圖隱藏一旦點擊。此外，我只是不想隱藏它，我想要它一旦點擊了style='display:none'。

Answer 1

爲了使它不顯眼的工作在早期IE等主流瀏覽器：

的HTML：

<button id="the-important-button">Submit</button>​ 

的JavaScript：

var theButton = document.getElementById('the-important-button'); 

function hideTheButton() { 
    this.style.display = 'none'; 
} 

function addEvent(target, type, handler) { 
    if (target.addEventListener) { 
     target.addEventListener(type, handler, false); 
    } else if (target.attachEvent) { 
     target.attachEvent('on' + type, function() { 
      return handler.call(target, window.event); 
     }); 
    } else { 
     target['on' + type] = handler; 
    } 
} 

addEvent(theButton, 'click', hideTheButton); 

請注意addEvent是一個通用的函數，可以在早期的IE和其他現代瀏覽器上正常工作。您可以添加與上面最後一行代碼類似的其他事件。

http://jsfiddle.net/W37Fb/5/

Answer 2

<button onclick="this.style.display='none';">a button</button> 

見例如：http://jsfiddle.net/uWfYk/

Answer 3

附上onclick事件隱藏和使用JS樣式應用樣式display:none，見下文，

<input type="button" name="btn" value="Hide me" onclick="this.style.display='none'" /> 

Answer 4

http://jsfiddle.net/uWfYk/2/

使用jQuery如下

$("#btn").click(function(){ 
    //do need full 
    $(this).fadeOut(); 
})​ 

使用純JS

http://jsfiddle.net/PeM2b/