jquery控制导航菜单样式选中状态

<div class="form-group" style="display:inline-block;" id="time-select">
      <label for="exampleInputEmail2">支付时间</label>
       <input type="text" class="form-control" id="beginPayTime" placeholder="" value="" readonly="readonly" name="beginPayTime">
          --
       <input type="text" class="form-control" id="endPayTime" placeholder="" value="" readonly="readonly" name="endPayTime">

        <a class="btn btn-default btn-sm" onclick="getDates(1)">昨天</a>
        <a class="btn btn-default btn-sm" onclick="getDates(0)">今天</a>
        <a class="btn btn-default btn-sm" onclick="getDates(7)">最近7天</a>
        <a class="btn btn-default btn-sm" onclick="getDates(30)">最近30天</a>
</div>

.back-color{
   background: #0a6aa1;
}

$('#time-select a').click(function(){
   $(this).addClass('back-color').siblings().removeClass('back-color');
})

• DEMO程序园 回复

  2017-11-30
  • 

    DEMO程序园 (管理员)

    2017-11-30
• 加载更多评论