Html 如何在自定义复选框中添加不确定状态？

我想在自定义复选框中添加不确定状态

• 真的
• 假的

---

• [-]

  常规复选框无法执行此操作。您需要为此使用一个标志。我要做的是使用一个与元素绑定的计数器标志：
  
  
  $（函数（）{
  $（“.check”）.data（“state”，0）.addClass（“unchecked”）；
  $（“.multi checkbox”）。单击（函数（）{
  变量状态=[“未检查”、“部分”、“已检查”]；
  var curState=$（this.find（.check”）.data（“state”）；
  curState++；
  $（this）.find（“.check”）.removeClass（“未检查的部分检查”）.addClass（states[curState%states.length]）.data（“state”，curState%states.length）；
  });
  });
  。多复选框。选中{显示：内联块；垂直对齐：顶部；宽度：15px；高度：15px；边框：1px实心#333；边距：3px；}
  .multi checkbox.check.unchecked{background:#fff；}
  .multi checkbox.check.partial{background:#ccc；}
  .multi checkbox.check.checked{background:#000；}
  
  检查我
  您可能不得不放弃使用常规复选框，因为它总是只有两种状态。还将涉及一些JavaScript来模拟复选框，但有三种不同的状态。我不认为仅使用css就可以实现这一点。您可以使用css在第三个计数器样式上添加禁用状态。html中的复选框只有2个值。如果要添加第三个输入，则必须使用其他类型的输入，如数字。例如，您可以将其设置为False为0，True为1，undeterminate为3。