当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 简单的JS控制button颜色随点击更改的实现方法

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

2018年05月21日  | 移动技术网IT编程  | 我要评论

英雄救美3下载,中外励志故事,叶挺子女

先上效果图：

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

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网