其他禁用复选框的方法？答案

【问题标题】：Other way to disable checkbox?其他禁用复选框的方法？
【发布时间】：2018-11-02 06:49:03
【问题描述】：

除了常规的disabled 属性外，还有其他方法可以在视觉上和功能上“禁用”复选框吗？

我只是想知道复选框是否有类似readonly 的东西。我正在开发这个模块，当满足两个不相关的条件中的任何一个时，复选框被禁用。我只想保持简单，而无需编写更多代码。

计划是，1 个条件触发disabled 属性，另一个触发“disabled2”属性。

【问题讨论】：

【解决方案1】：

pointer-events 属性用于控制在什么条件下特定的图形元素可以成为指针事件的目标。

语法：正式语法：指针事件：visiblePainted |可见填充 |可见中风 |可见 | 彩绘| 高分辨率照片| CLIPARTO填写 |中风 |全部 |没有 |继承

官方语法中的值适用于 SVG 元素。在这些值中，只有这些值适用于 HTML：

指针事件：自动 |没有 |继承

初始：自动适用于：所有元素动画：没有

.Disable{pointer-events:none;opacity:0.7 }
.Disable+ span{opacity:0.6 }

<input type="checkbox" />
<span>checkbox1</span>
<br>
<input type="checkbox" class="Disable"/>
<span >checkbox2</span>

【讨论】：

【解决方案2】：

您可以将以下 CSS 属性添加到包含复选框的 div 中

  pointer-events:none

然后它将被禁用。

【讨论】：