使用Javascript隐藏提交按钮

时间:2011-05-19 05:13:19

标签: php javascript codeigniter

如何使用javascript隐藏提交按钮?原因是因为我的表单复选框在单击时提交表单,但仅在启用JS时。对于那些禁用JS的人,我希望他们看到提交按钮,所以我想使用JS隐藏提交按钮。如果这有帮助,我正在使用Codeigniter。谢谢!

4 个答案:

答案 0 :(得分:5)

为什么当noscript执行此任务时javascript:

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

答案 1 :(得分:2)

简单的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>

答案 2 :(得分:1)

在jQuery中:

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

答案 3 :(得分:0)

隐藏提交按钮非常简单:

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