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应用的样式将被重置。

Answer 2

您的提交按钮正在重新加载页面.. 我不确定你的需求......但你需要在样式表中设置你想要的css，或者将post动作设置为“”，并在表单提交时让jquery重置不透明度。

Answer 3

使用CSS非常简单：

#submitbtn:active {
opacity: 0.4;
}

或

#submitbtn:focus {
opacity: 0.4;
}

你更喜欢哪个。

提交后应用于提交按钮的CSS无法正常工作

3 个答案: