简单的JS控制button颜色随点击更改的实现方法
时间：2021-05-17 08:41:15|栏目：JavaScript代码|点击： 次
先上效果图：
默认“今日”是选中状态，是行内样式：
<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，完成
上一篇：JavaScript实战(原生range和自定义特效)简单实例
栏 目：JavaScript代码
下一篇：js 替换功能函数，用正则表达式解决，js的全部替换
本文标题：简单的JS控制button颜色随点击更改的实现方法
本文地址：http://www.codeinn.net/misctech/123275.html
