转：（很有用）有多个按钮，点击一个变色，点击另一个变色，原来的恢复颜色的方法

<table>
<tr><td><input class="flag hq_hy" type="submit" οnclick="dj(this);" value="行业" /></td><td><input class="flag hq_zsh" type="submit" οnclick="dj(this);" value="指数" /></td><td><input class="flag hq_hb" type="submit" οnclick="dj(this);" value="货币" /></td><td><input class="flag hq_jyyc" type="submit" οnclick="dj(this);" value="交易异常" /></td><td><input class="flag hq_byb" type="submit" οnclick="dj(this);" value="比一比" /></td><td><input class="flag hq_lrcl" type="submit" style="" οnclick="dj(this);" value="ETF两融策略" /></td></tr></table>

样式<style>

<style>
.hq_hy:hover, .hq_zsh:hover, .hq_hb:hover, .hq_jyyc:hover, .hq_byb:hover, .hq_lrcl:hover/*鼠标移上去变色（不点击）*/{color: #fff;border-color: #b1b0b0;background: #b1b0b0;border: none;}.start{cursor: pointer;}.end{cursor: pointer;color: #fff;background: #b1b0b0;border: none;}</style>

js代码

<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>

这样点击一个按钮变色，再点击另一个按钮原来的按钮就恢复颜色。

--链接来自：https://www.cnblogs.com/why-love-study/p/6025383.html

转：（很有用）有多个按钮，点击一个变色，点击另一个变色，原来的恢复颜色的方法相关推荐

有多个按钮，点击一个变色，点击另一个变色，原来的恢复颜色的方法
之前用到网上说的fouce也可行,但是失去焦点后,点击别处按钮也会恢复颜色,所以这样也行不通.后来找了好久,这个方法终于行的通. html代码: 我是在table中加的按钮submit. <ta ...
word技巧很有用～
感觉真的很有用,所以我就转一下了,如果你也感觉有用,就拿去吧,呵呵,不客气哦! 把文字替换成图片首先把图片复制到剪贴板中,然后打开替换对话框,在"查找内容"框中输入将被替换的文 ...
【转载】100多个很有用的JavaScript函数以及基础写法大集合
1.document.write("");为输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4 ...
QQ密技60招！（上）有的很有用！
-- QQ密技60招 1.减少QQ占用内存资源的秘笈登陆QQ后,占用内存:约8M QQ离线,占用内存:约10M 秘笈:登陆QQ后,随便打开一个好友的对话窗口,把它最小化,QQ占用的内存就变为3M了 ...
以前写的代码感觉很有用
以前写的代码感觉很有用, // TestDlg.h : 头文件#pragma once#define ANG(dradian) (double((dradian)*180/M_PI)) typedef ...
css 一些好玩的属性,css一些不常见但很有用的属性操作大全
1.自定义文本选择 ::selection { background: red; color: black; } 2.去掉video的controls中的下载按钮 video::-internal-m ...
Android 开发中一些很有用但你不知道的方法
English_Version:https://github.com/jiang111/awesome-android-tips/blob/master/README-en.md这里收集了大家常用的一 ...
对于 Web 开发很有用的 jQuery 效果制作教程
如果你的项目中需要响应式滑块,炫丽的图片呈现,对话框提示,轻巧动画等效果,jQuery 是完美的解决方案.凭借这个快速,易用的 JavaScript 库,可以轻松处理语言之间的交互,它给人最快速的 W ...
Unix / 类 Unix shell 中有哪些很酷很冷门很少用很有用的命令？（转）
著作权归作者所有. 商业转载请联系作者获得授权,非商业转载请注明出处. 作者:孙立伟链接:http://www.zhihu.com/question/20140085/answer/14107336 ...

转：（很有用）有多个按钮，点击一个变色，点击另一个变色，原来的恢复颜色的方法

转：（很有用）有多个按钮，点击一个变色，点击另一个变色，原来的恢复颜色的方法相关推荐

最新文章

热门文章