禁用按钮使用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>