如何使用javascript隱藏提交按鈕?原因是因爲我的表單複選框僅在點擊時提交表單,但僅在啓用JS時才提交。對於JS禁用的人,我希望他們看到提交按鈕,所以我想隱藏使用JS的提交按鈕。如果這有幫助,我使用Codeigniter。謝謝!使用Javascript隱藏提交按鈕
回答
爲什麼要使用JavaScript時noscript將做的工作:
<form>
.
.
.
<noscript>
<input type="submit" />
</noscript>
</form>
在jQuery中:
$(document).ready(function() {
$('#buttonId').hide();
});
簡單的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>
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>
死靈法師。你甚至意識到這有一個公認的答案? – asprin 2013-04-27 07:07:13
- 1. 隱藏提交按鈕
- 2. 提交後隱藏提交按鈕?
- 3. 隱藏表單提交按鈕,直到使用HTML/Javascript填充隱藏字段
- 4. 使用回車鍵/隱藏提交按鈕提交表單
- 5. 隱藏提交按鈕被按下
- 6. 顯示/隱藏提交按鈕
- 7. jQuery提交按鈕隱藏表格
- 8. 隱藏提交表單的按鈕
- 9. 隱藏在IE7提交按鈕與CSS
- 10. Javascript提交隱藏字段提交
- 11. 隱藏提交按鈕並在提交後顯示圖像
- 12. 使用jquery點擊隱藏窗體中的提交按鈕?
- 13. 使用.prop隱藏按鈕(隱藏:真)
- 14. 使用提交按鈕單擊單選按鈕時隱藏表格列
- 15. 通過Javascript隱藏按鈕
- 16. 隱藏Javascript中的按鈕
- 17. 使用javascript提交按鈕事件
- 18. 使用Javascript觸發提交按鈕
- 19. 用javascript顯示/隱藏按鈕
- 20. 用javascript隱藏WooCommerce結賬按鈕
- 21. 用javascript隱藏/顯示按鈕
- 22. 隱藏按鈕
- 23. 隱藏按鈕
- 24. Javascript POST和按鈕提交
- 25. 停止按鈕從提交然後使用JavaScript提交表單
- 26. 使用Javascript提交作爲用戶提交多個提交按鈕的表格
- 27. WordPress - 提交後隱藏電子郵件字段並提交按鈕
- 28. 使用javascript隱藏/顯示HTML表單(在按鈕上按下)
- 29. Javascript未提交隱藏字段值
- 30. 隱藏提交按鈕和字段點擊
然後使用腳本隱藏按鈕'submitButtonRef.style.visibility ='hidden';',按鈕在DOM當然(使用load事件或類似的)後。 – RobG 2011-05-19 05:20:36