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

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