Javascript jQuery动态生成复选框/一次选中一个复选框

我正在尝试编写一个jQuery脚本，如下所示：

用户从下拉选择框7、14或28中进行选择 此选择生成的复选框数与从下拉选择中选择的复选框数相同 此选项还显示在只读文本输入中选择的数字 生成复选框后，一组图像可以一次选中一个复选框，直到选中所有复选框 这些复选框需要与单击的图像具有相同的ID和名称 如果取消选中复选框，则该复选框将消失 我的问题如下：

在div中显示复选框之前，我必须从下拉选择中选择两次 我只能在图像中选中一个复选框，而不能选择下一个复选框 这基本上是一个为WooCommerce创建您自己的功能

下面是我所拥有的JSFIDLE代码

var计数=0； jQuery.variations\u form.changefunction{ var率=； 如果jQuery'house-schodment'.val==house-box-7-13-00{ 比率=7； }否则，如果jQuery'house-schodment'.val==house-box-14-25-00{ 比率=14； }否则，如果jQuery'house-schodment'.val==house-box-28-50-00{ 比率=28； } jQuery'box-amount'.valrate； 函数fakeAjaxstate{ 开关状态{ 箱子房-box-7-13-00： 返回[一，二，三，四，五，六，七]； 箱子房-box-14-25-00： 返回[1，2，三，四，五，六，七，八，九，十，十一，十二，十三，十四]； 箱子房-box-28-50-00： 返回[1，2，三，四，五，六，七，八，九，十，十一，十二，十三，十四，十四，γ，y，y，y，y，y，y，γ，y，γ，γ，γ，]； } } 变量输出=$.cyo选择； $“内部分类”。更改功能{ var状态=此值； ifstate！=={ //下面是ajax回调的一部分 结果变量； output.empty；//清除div resultArray=fakeAjaxstate； $.eachresultArray，函数{ $+此+.appendTooutput； } } }; $Almond.clickfunction{ 如果$'input[type=checkbox]'。为：未选中{ $'input[type=checkbox]'.prop'checked'、'checked'； 埃尔塞夫{ $'input[type=checkbox]'。是否：未选中 }; }; }; .cyo选择{ 边框：1px000； } 数量： 选择 7. 14 28 填满

---

万一有人遇到这个问题，我实际上找到了一个适合我需要的插件，我可以进一步定制它

---

你的代码中有很多语法错误-代码段和fiddle打开F12开发工具并查看控制台。你应该首先尝试修复这些错误，这可能会帮助你解决问题。你能详细说明一下4吗？当你说图像组时，你指的是什么？@Rhumborl我正在使用fiddle，但刚才我把代码放在了屏幕上site和Firebug没有给我任何错误。我正在学习jQuery，请原谅我对错误一无所知。@HaigBedrosian您可以在上看到。当您单击“创建自己的”时，将显示一组图像。这些图像将用于选中左侧的复选框。这些复选框将在代码运行后进行样式设置。