禁用按钮使用pointer-events: none;来进行绑定点击事件,完成事件禁用时点击效果,但是不禁用的时候也触发啦事件怎么解决

禁用按钮使用pointer-events: none;来进行绑定点击事件,完成事件禁用时点击效果,但是不禁用的时候也触发啦事件怎么解决

首先禁用按钮一直不变是因为你没有对input的disabled进行控制,禁用与不禁用触发效果是不一样的你好像没有进行设置,修改后的代码如下

 <script type="text/javascript">
    $(function(){
      $("#check").click(function(){
        const aaa = $("#check").prop("checked");
        if(!aaa){
          $("#isa").attr("disabled", true);
        }else{
          
          $("#isa").removeAttr("disabled");
        }

      });
      $(".isa").click(function(){
        const aaa = $("#check").prop("checked");
        if(!aaa){
          return confirm("请点击上方选中按钮");
        }
      })
    })
  </script>
</head>
<body>
<input type="checkbox" name="check" id="check"  value="Daily" />
<div class="isa">
  <label><input type="button" id="isa" disabled style="pointer-events:none" value="登录"></label>
</div>

</body>

img