首先，效果图：

默认情况下，选择“今天”，这是一种内嵌样式：

button type=' button ' id=' today ' class=' BTN-link ' onclick=' todayDate()' style=' color : # 0062 cc；'单击“今天/按钮上的日期”可切换颜色：

点击其他颜色，“今日”颜色将变为灰色

再次单击“今天”恢复默认颜色

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

在“今天”的点击事件中添加[恢复“今天”的默认状态颜色]

//单击函数昨天日期(){ document . getelementbyid(' title ')。value=getyesterdaydate(new date())；fetysterdaydata()；today.css('color '，' # 555555 ')；}//单击函数today date(){ document . getelementbyid(' title ')。value=formatterdatestr(new date())；fetTodayData()；today.css('color '，' # 0062 cc ')；}好，完成

以上简单JS控件按钮随点击变色的实现方法是边肖分享的全部内容。希望能给大家一个参考，支持我们。