javascript - 提交后应用在提交按钮上的 CSS 不起作用

Question

我在表单上有一个提交按钮，可以在 php.page 上提交表单。我还在提交按钮上添加了一个 onclick 事件，通过 javascript 更改它的不透明度。现在的问题是当我单击提交按钮时，它改变了它的不透明度，提交了表单，提交后按钮的不透明度又回到了 100%。我希望 opacity 属性即使在提交表单后仍保留在按钮上。在下面查看我的代码：

<script type="text/javascript">
function fadebtn(){
document.getElementById('submitbtn').style.opacity="0.4";
}
</script>

<form method="post">
<input type="submit" value="Submit" id="submitbtn" name="submitbtn">
</form>

更新：我现在修好了。检查上面的更新代码和下面的附加代码。

<?php
if(isset($_POST['submitbtn']))
{ 
echo '<script type="text/javascript">'
, 'fadebtn()'
, '</script>';
}

Answer 1

使用 CSS 非常简单：

#submitbtn:active {
opacity: 0.4;
}

或者

#submitbtn:focus {
opacity: 0.4;
}

你更喜欢哪个。

Answer 2

使用按钮type="submit"和表单，method="post"这将发布并导致页面重新加载。一旦页面重新加载，您使用 javscript 应用的样式将被重置。

Answer 3

您的提交按钮正在重新加载页面..我不确定您的需求...但是您需要在样式表中设置所需的 css 或将发布操作设置为“”并让 jquery 重置不透明度表格已提交。