当前位置：首页 > 资讯 > 技术文档

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

时间：2022-11-02 20:27 编辑：来源：阅读：
扫一扫，手机访问

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

[b]先上效果图：[/b] [img]http://files.jb51.net/file_images/article/201704/201704170853303.png[/img] 默认“今日”是选中状态，是行内样式：

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

[b]上面的日期都是点击才会切换颜色：[/b] 点击其它颜色，“今日”颜色更换成灰色再次点击“今日”，还原回默认状态颜色在除“今日”外的其它任一个日期中添加一个点击事件，可以实现【改变“今日”默认颜色状态】在“今日”的点击事件中添加【还原‘‘今日''的默认状态颜色】

//昨日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颜色随点击更改的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：js 判断脚本加载完毕的代码
下一篇：js设置和获取自定义属性的方法

资讯排行榜
更多>>