禁用按钮使用pointer-events: none;来进行绑定点击事件,完成事件禁用时点击效果,但是不禁用的时候也触发啦事件怎么解决
2条回答 默认 最新
- CSDN专家-微编程 2021-07-29 12:48关注
首先禁用按钮一直不变是因为你没有对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>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥20 delta降尺度方法,未来数据怎么降尺度
- ¥15 c# 使用NPOI快速将datatable数据导入excel中指定sheet,要求快速高效
- ¥15 再不同版本的系统上,TCP传输速度不一致
- ¥15 高德地图点聚合中Marker的位置无法实时更新
- ¥15 DIFY API Endpoint 问题。
- ¥20 sub地址DHCP问题
- ¥15 delta降尺度计算的一些细节,有偿
- ¥15 Arduino红外遥控代码有问题
- ¥15 数值计算离散正交多项式
- ¥30 数值计算均差系数编程