如何将jquery复选框与自定义html集成？

Question

我的情况是我应该将复选框与自定义html集成，而且我还需要普通复选框的所有功能。

你能指导我怎么做吗？我是jquery的新手..

Answer 1

我完全忽略了这个设计的html复选框。我会构建一个图形元素（蓝色叠加层），当您单击图像时它变为可见，如果再次单击则不可见。对于输入，在这样的每个div中，你应该放置<input type="hidden" value="0">，并且jQuery在叠加打开时将相关输入的值设置为1，并在关闭时再次设置0

让我知道你究竟遇到问题的哪一部分，我会试着详细说明。 希望它有所帮助。

Here's a jsFiddle

Answer 2

具有以下结构，单击<a>时，使用JavaScript更改复选框值。将图像和文本添加到范围。

<span>
  <a href="#"></a>
  <input type="checkbox" name="chbox">
</span>