js代碼如下：

大於0時為可點擊狀態；小於0時為不可點擊狀態。

if(totalCount>0){
    $("#btnExport").removeClass("btnExportDisabled");
    $("#btnExport").css(‘pointer-events‘,‘auto‘);
    $("#btnExport").css("cursor", "pointer");
}else{
    $("#btnExport").addClass("btnExportDisabled");
    $("#btnExport").css(‘pointer-events‘,‘
 
none‘);
        $("#btnExport").css("cursor", "not-allowed");
}

css代碼如下：

設置按鈕為不可用狀態時的顏色：

<style type="text/css">
      .btnExportDisabled{
        background-color: #A9A9A9;
        opacity: 0.3;
    }
  </style>

知識點：

pointer-events：auto、none（為兩個比較常見的屬性）

當pointer-events的值設置為none的時候，有如下特性：

1、阻止用戶的點擊動作產生任何效果

2、阻止缺省鼠標的顯示

3、阻止CSS裏的hover和active事件的觸發

4、阻止JavaScript點擊動作觸發的事件

自定義按鈕自定義置灰