要工作。似乎你需要把标签和输入检查之间的关系。你为什么不这样试试

<div>
  <input type="checkbox" id="check">
  <label for="check">label 1</label>
</div>

http://materializecss.com/forms.html#checkbox

常规的HTML5复选框将不会显示加载的materialcss。
这是常规的HTML5复选框。

<input type="checkbox" name="nameOfChoice" value="1" checked>

2018年，随着1。0，以上所有答案都不起作用了，除了这个。
你必须按照标签，输入，跨度结构来工作！
图片来源：@SmartManoj

<label>
    <input type="checkbox" />
    <span>Red</span>
</label>

https://materializecss.com/checkboxes.html

它不工作，因为你有错误的结构，把checkbox放在label旁边，而不是在label内部，并把它们都 Package 在p中

<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" rel="stylesheet" />
<p>
  <input type="checkbox" id="test" checked="checked" />
  <label for="test">Hello</label>
</p>

**2019 -版本1。联系我们

我喜欢《物化》的简洁，但它有问题。
尝试通过 AJAX 传递复选框。

if(state.success === true) {
                        tbody.append('<tr><th scope="row" style="background-color:' + state['color'] + 
                            '"><label><input type="checkbox" /><span>Red</span></label></th><td>' + state['date'] +
                            '</td><td>' + state['priority'] + '</td><td>' + state['name'] + 
                            '</td><td>' + state['desc'] + '</td><td>' + state['email'] + '</td></tr>'); 
                    }

不得不将此添加到CSS样式

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    opacity: 1;
    pointer-events: auto;
}

这种覆盖通用HTML和CSS标准以适应其JS的想法并不理想。我有一个网站稳定与实现，不会再这样做。

根据版本0。100.2，解决方案是添加这个CSS类：

.input-field label {
  pointer-events: auto !important;
}

请注意，此版本中的结构必须为：

<input type="checkbox" id="check">
<label for="check">label 1</label>

来源：https://github.com/Dogfalo/materialize/issues/5062

我能让复选框显示并可点击的唯一方法就是这样做

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: unset;
    opacity: 1;
    pointer-events:all
}

我没有动画，但老实说，我不在乎，我没有更多的时间浪费在一些应该是简单的。以上的解决方案都不适合我

在物化1版本中。0
在JS1中）按文档查找输入。getElementById。..2）检查输入。格子的
input.checked为false或true

在v1.0.0中，标签标记内的复选框（文本环绕span）将仅起作用。

<label>
        <input type="checkbox" />
        <span>Red</span>
   </label>

https://github.com/Dogfalo/materialize/issues/1376

<!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    
    
   Checkbox:  <br/>
   
   <label>
           <input type="checkbox" />
           <span></span>
      </label>