使用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隐藏提交按钮

回答

相关问题