Html 图像复选框不起作用

我有3个图片复选框。有了这个密码：他们看起来像是我想要的

在下一步中，我添加了表单：

现在您看到了-表单正在创建3个自己的复选框，而不是使用图片。你能帮我吗？

将你的

id
更改为
属性的
（在你的情况下，在
id
属性中使用
cb1
，
cb2
和
cb3
），就像：

<li>
  <input type="checkbox" id="cb1" value="1" />
  <label for="cb1"><img src="http://betailor.de/wp-content/uploads/2016/12/engern.png" /></label>
</li>











很抱歉出现了codepen链接，但我没有大声在这里发布工作代码片段的图片。您的复选框
id
s与
属性的
标签
s
不匹配。看起来您不明白图像复选框是如何工作的。你可能想读一读：thx，这很有帮助！我的错！我有两个脚本，我结合起来，忘记了这一点。