javascript - 表单提交后输入按钮改变颜色

Question

我想问是否有人知道如何在表单提交后更改用作提交按钮的输入的颜色。我使用 twitter bootstrap 3 ，任何方法都会受到欢迎。不过越简单越好。在我的代码中，我有一个表格，其中填写:

<input class="btn btn-default" onclick="document.getElementById('priceform').submit()" name="filter" type="submit" value="Action" style="width:45%;font-size: 12px">

<input class="btn btn-default" onclick="document.getElementById('priceform').submit()" name="filter" type="submit" value="Adventure" style="width:45%;font-size: 12px">

<input class="btn btn-default" onclick="document.getElementById('priceform').submit()" name="filter" type="submit" value="Family" style="width:45%;font-size: 12px">

还有更多针对每种游戏类型的同类内容，它们充当我的产品页面上结果的过滤器。一切都很好，我尝试在用户用于过滤结果的按钮上添加一些颜色，但当然在提交表单后，颜色仍然是默认的。我尝试过 JavaScript，也尝试过 JQuery，但仍然一无所获。提前致谢。

Answer 1

尝试向输入添加 id 标记。然后您可以更改所选输入的背景颜色。
这就是方法..

function change(id){
    document.getElementById(id).style.background = '#999';
}

在您的输入中添加

<input id="action" class="btn btn-default" onclick="document.getElementById('priceform').submit()" onmousedown="change(this.id)" name="filter" type="button" value="Action" style="width:45%;font-size: 12px">
<input id="adventure" class="btn btn-default" onclick="document.getElementById('priceform').submit()"onmousedown="change(this.id)" name="filter" type="button" value="Adventure" style="width:45%;font-size: 12px">
<input id="family" class="btn btn-default" onclick="document.getElementById('priceform').submit()"onmousedown="change(this.id)" name="filter" type="button" value="Family" style="width:45%;font-size: 12px">

向输入添加一个 ID，然后添加一个更改 CSS 的函数。使用 onmousedown="change(this.id);

访问该函数