使用 Javascript 隐藏提交按钮

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/6054081/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-25 19:17:53  来源:igfitidea点击:

Hide submit button using Javascript

phpjavascriptcodeigniter

提问by Nyxynyx

How do I hide the submit button using javascript? Reason is because my form checkboxes submits the form on click but only when JS is enabled. For those with JS disabled, I want them to see the submit button, so I want to hide the submit button using JS. I'm using Codeigniter if this helps. Thanks!

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

回答by mplungjan

Why javascript when noscriptwill do the job:

为什么 javascript 当noscript可以完成这项工作:

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

回答by bungdito

simple javascript,

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

回答by Justin Simon

In jQuery:

在 jQuery 中:

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

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

回答by Manoj Kakadiya

It is very easy to hide a submit button:

隐藏提交按钮很容易:

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