Javascript 根据CSS的状态，禁用按钮和打开按钮悬停显示（不同）警报/错误消息 上传文件 你在B区 组

可以将按钮状态设置为布尔值。根据该值发送警报消息。

您在禁用ng和显示ng属性中使用了卷曲引号。 e、 g.

==“B”

将它们更改为直接引号，代码就可以正常工作

角度模块（“应用程序”，[]） .控制器（“控制器”，功能（$scope）{ $scope.prod={ 产品状态：“C” }; });

上传文件
你在一个小组里
你在B组
你在C组

<div class="col-md-12">
      
<button type="button" class="btn-submit upload for-hover smooth-hover"
          
ng-click="vm.onUpload($event, index, prod.ProductId)"
               
ngf-select="vm.uploadAttachments($event, $files, $invalidFiles)" 
multiple accept="image/*,.pdf,*.doc,*.docx" 
ngf-capture="'camera'"
 ngf-max-size="5MB" ng-
disabled="prod.Product_Status === ‘A’|| prod.Product_Status === ‘B’ 
|| prod.Product_Status === ‘C’ ">Upload Documents
        
</button>
    
<div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 
col-md-7 col-lg-7" ng-show="prod.Product_Status === ‘A’”>You are in 
A group</div>
        
<div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 
col-md-7 col-lg-7" ng-show="prod.Product_Status === ‘B’”>You are in B 
group</div>
        
<div class="alert alert-danger alert-fix on-hover col-xs-6 col-sm-6 
col-md-7 col-lg-7" ng-show="prod.Product_Status === ‘C’”>You are in C 
group</div>
   
</div>


CSS---->
.on-hover {
  display: none;
}
.for-hover:hover + .on-hover {
  display: inline-block;
}

var isButtonDisabled = document.getElementById("myButton").disabled;