简单的JS控制button颜色随点击更改的实现方法

先上效果图：

默认“今日”是选中状态，是行内样式：

<button type="button" id="today" class="btn-link" onclick="todayDate()" style="color: #0062CC;">今日</button>

上面的日期都是点击才会切换颜色：

点击其它颜色，“今日”颜色更换成灰色

再次点击“今日”，还原回默认状态颜色

在除“今日”外的其它任一个日期中添加一个点击事件，可以实现【改变“今日”默认颜色状态】

在“今日”的点击事件中添加【还原‘‘今日''的默认状态颜色】

//昨日click
function yesterdayDate() {
  document.getElementById('title').value = getYesterdayDate(new Date());
  fetYesterdayData();
  today.css('color','#555555');
}
//今日click
function todayDate() {
  document.getElementById('title').value = formatterDateStr(new Date());
  fetTodayData();
  today.css('color','#0062cc');
}

OK，完成

以上这篇简单的JS控制button颜色随点击更改的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# button点击变色  # JS小功能（button选择颜色)简单实例  # Javascript点击按钮随机改变数字与其颜色  # js点击更换背景颜色或图片的实例代码  # 今日  # 给大家  # 都是  # 才会  # 希望能  # 可以实现  # 这篇  # 小编  # 大家多多  # 昨日  # 事件中  # js  # id  # today  # btn  # lt  # button  # type  # brush  # color 

相关文章： 宝塔建站教程：一键部署配置流程与SEO优化实战指南  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  定制建站哪家更专业可靠？推荐榜单揭晓  香港服务器网站推广：SEO优化与外贸独立站搭建策略  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  已有域名如何快速搭建专属网站？  太原网站制作公司有哪些,网约车营运证查询官网？  如何快速搭建支持数据库操作的智能建站平台？  简历在线制作网站免费版,如何创建个人简历？  如何通过二级域名建站提升品牌影响力？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  建站主机选哪种环境更利于SEO优化？  成都网站制作报价公司,成都工业用气开户费用？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  python的本地网站制作,如何创建本地站点？  ppt制作免费网站有哪些,ppt模板免费下载网站？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  建站之星2.7模板：企业网站建设与h5定制设计专题  开封网站制作公司,网络用语开封是什么意思？  建站之星ASP如何实现CMS高效搭建与安全管理？  大型企业网站制作流程,做网站需要注册公司吗？  制作营销网站公司,淘特是干什么用的？  教学论文网站制作软件有哪些,写论文用什么软件 ？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  如何选择美橙互联多站合一建站方案？  建站为何优先选择香港服务器？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  建站主机服务器选购指南：轻量应用与VPS配置解析  如何选择最佳自助建站系统？快速指南解析优劣  Swift开发中switch语句值绑定模式  如何快速搭建FTP站点实现文件共享？  广州建站公司哪家好？十大优质服务商推荐  郑州企业网站制作公司,郑州招聘网站有哪些？  建站之星展会模版如何一键下载生成？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  建站之星伪静态规则如何设置？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何快速搭建自助建站会员专属系统？  如何实现建站之星域名转发设置？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  常州企业建站如何选择最佳模板？  在线制作视频的网站有哪些,电脑如何制作视频短片？  ,石家庄四十八中学官网？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  制作网站外包平台,自动化接单网站有哪些？  如何通过虚拟主机快速搭建个人网站？  如何在IIS7上新建站点并设置安全权限？  平台云上自助建站如何快速打造专业网站？  成都响应式网站开发,dw怎么把手机适应页面变成网页？