Javascript jQuery自定义复选框+；隐藏html复选框

我正在制作一个可以开关的div网格。我需要将这些切换div的值发布到数据库中

目前，jQuery正在等待对div的单击，然后在隐藏的checkbox元素上更改checkbox值

$('.icon').click(function(){
    var checkValue = $(this).attr("data-c");
    // Then tick hidden checkbox where data-c = checkbox
});

当我用ajax发布这些数据时，有没有更好的方法

下面是它的样子：

---

我在这里发现了一个类似的问题：

作为将值存储在复选框中的替代方法，您可以将其存储在对象中吗？例如：

window.icons = {};
$('.icon').click(function() {
    var id = $(this).data('identifier');
    window.icons[id] = !!window.icons[id];
});

---

还可以查看此示例，了解类似的用法

您实际上不需要JS
使用

元素包装复选框和范围。
使用

输入：选中的
下一个同级选择器
+
更改该内部
span
的样式：


label.icon span{
光标：指针；
显示：内联块；
宽度：75px；
高度：75px；
背景：url(http://i.stack.imgur.com/ceycQ.jpg)不重复；
边框：3px实心#0186C9；
边界半径：12px；
}
label.icon输入{/*隐藏复选框*/
位置：绝对位置；
可见性：隐藏；
}
label.icon输入：选中输入时，选中+span{/**/
背景位置：0-75px；
}
太棒了。正是我想要的。谢谢你解释我不太好的解释！自从我有点能胜任JS之后，我就一直在过度使用它。这是一个很好的提醒，要保守一点。