简单的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 

相关文章： 如何构建满足综合性能需求的优质建站方案？  建站org新手必看：2024最新搭建流程与模板选择技巧  建站主机是否等同于虚拟主机？  建站之星×万网：智能建站系统+自助建站平台一键生成  建站之星如何取消后台验证码生成？  Swift开发中switch语句值绑定模式  javascript基本数据类型及类型检测常用方法小结  如何获取免费开源的自助建站系统源码？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  制作企业网站建设方案,怎样建设一个公司网站？  如何在万网开始建站？分步指南解析  智能起名网站制作软件有哪些,制作logo的软件？  临沂网站制作公司有哪些,临沂第四中学官网？  利用JavaScript实现拖拽改变元素大小  孙琪峥织梦建站教程如何优化数据库安全？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  建站之星伪静态规则如何正确配置？  如何在建站之星网店版论坛获取技术支持？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  如何在局域网内绑定自建网站域名？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  北京专业网站制作设计师招聘,北京白云观官方网站？  建站VPS能否同时实现高效与安全翻墙？  如何快速生成凡客建站的专业级图册？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  网站制作模板下载什么软件,ppt模板免费下载网站？  外贸公司网站制作哪家好,maersk船公司官网？  如何快速生成橙子建站落地页链接？  公众号网站制作网页,微信公众号怎么制作？  如何用y主机助手快速搭建网站？  学校为何禁止电信移动建设网站？  制作网站怎么制作,*游戏网站怎么搭建？  建站之星如何助力企业快速打造五合一网站？  如何在IIS中配置站点IP、端口及主机头？  北京制作网站的公司,北京铁路集团官方网站？  开心动漫网站制作软件下载,十分开心动画为何停播？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  建站之星如何实现网站加密操作？  如何配置FTP站点权限与安全设置？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  建站主机默认首页配置指南：核心功能与访问路径优化  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  广州商城建站系统开发成本与周期如何控制？  如何用美橙互联一键搭建多站合一网站？  成都网站制作报价公司,成都工业用气开户费用？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？