使用Javascript隱藏提交按鈕

如何使用javascript隱藏提交按鈕？原因是因爲我的表單複選框僅在點擊時提交表單，但僅在啓用JS時才提交。對於JS禁用的人，我希望他們看到提交按鈕，所以我想隱藏使用JS的提交按鈕。如果這有幫助，我使用Codeigniter。謝謝！使用Javascript隱藏提交按鈕

來源

2011-05-19 Nyxynyx

然後使用腳本隱藏按鈕'submitButtonRef.style.visibility ='hidden';'，按鈕在DOM當然（使用load事件或類似的）後。 – RobG 2011-05-19 05:20:36

爲什麼要使用JavaScript時noscript將做的工作：

<form> 
. 
. 
. 
<noscript> 
<input type="submit" /> 
</noscript> 
</form>

來源

2011-05-19 06:08:56 mplungjan

我希望那些啓用了JavaScript的人看不到按鈕，那些沒有看到按鈕。 – Nyxynyx 2011-05-19 13:22:37

@Nyxynyx而這正是上面的代碼會發生什麼。對於那些JS存在並啓用的人是不可見的，對其他人都是可見的。你試過了嗎？ – mplungjan 2011-05-19 13:39:44

作品，太棒了！ :) – Nyxynyx 2011-05-19 13:54:09

在jQuery中：

$(document).ready(function() { $('#buttonId').hide(); });

來源

2011-05-19 05:17:31

簡單的JavaScript，

<body onload="hideButton()"> 
<script> 
function hideButton() 
{ 
    document.getElementById("buttonId").style.display='none'; 
    //or you can try 
    //document.getElementById("buttonId").style.visibility='hidden'; 
} 
</script> 

<input type="submit" value="submit" id="buttonId" /> 
</body>

來源

2011-05-19 05:24:56 bungdito

display = none將使元素像從DOM中移除一樣，因此按鈕周圍的其他元素將重新調整以填充空白（取決於它們的樣式設置）。 visibility =隱藏的行爲，如將元素透明度調整爲零。 – 2011-05-19 05:30:11

作品，謝謝！ – Nyxynyx 2011-05-19 13:54:30

這是很容易隱藏提交按鈕：

<form method="post/get" action="#"> 
<input type="Text" name="xyz"> 
<input type="submit" style="visibility:hidden"> 
</form>

來源

2013-04-27 06:52:34

死靈法師。你甚至意識到這有一個公認的答案？ – asprin 2013-04-27 07:07:13

使用Javascript隱藏提交按鈕

回答

相關問題