其他禁用复选框的方法吗？

Question

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

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

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

Answer 1

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

  pointer-events:none 

然后将其禁用。

Answer 2

  

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

语法：正式语法： 指针事件：visiblePainted | visibleFill | visibleStroke |可见| 画填充|中风|全部|无|继承

官方语法中的值适用于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>