工作原因 想编辑一组代码 要求是点击按钮 按钮变色 再点击一次恢复原色 或者刷新恢复都可以 现在网上找了个按钮代码 按钮有了 但是点击没反应 下面再怎么搞 求大神看看

<table>
<script type="text/javascript">
$(function () {
//加载事件
var collection = $(".flag");
$.each(collection, function () {
$(this).addClass("start");
});
});
//单击事件
function dj(dom) {
var collection = $(".flag");
$.each(collection, function () {
$(this).removeClass("end");
$(this).addClass("start");
});
$(dom).removeClass("start");
$(dom).addClass("end");
}
</script>
<tr>
<td>
<input class="flag hq_hy" type="submit" onclick="dj(this);" value="行业" />
</td>
<td>
<input class="flag hq_hy" type="submit" onclick="dj(this);" value="行业" />
</td>
<td>
<input class="flag hq_hy" type="submit" onclick="dj(this);" value="行业" />
</td>
<td>
<input class="flag hq_hy" type="submit" onclick="dj(this);" value="行业" />
</td>
<td>
<input class="flag hq_hy" type="submit" onclick="dj(this);" value="行业" />
</td>
<td>
<input class="flag hq_hy" type="submit" onclick="dj(this);" value="行业" />
</td>
<td>
<input class="flag hq_hy" type="submit" onclick="dj(this);" value="行业" />
</td>
<td>
<input class="flag hq_zsh" type="submit" onclick="dj(this);" value="指数" />
</td>
<td>
<input class="flag hq_hb" type="submit" onclick="dj(this);" value="货币" />
</td>
<td>
<input class="flag hq_jyyc" type="submit" onclick="dj(this);" value="交易异常" />
</td>
<td>
<input class="flag hq_byb" type="submit" onclick="dj(this);" value="比一比" />
</td>
<td>
<input class="flag hq_lrcl" type="submit" style="" onclick="dj(this);" value="ETF两融策略" />
</td>
</tr>
</table>

求大神

用原生js还是用jquery，我给你写一个