无法切换动态创建的复选框

Question

希望您一切都好。 我正在尝试动态生成复选框（带有foreach等），问题是当我添加如下所示的id字段时：

<input class="cmn-toggle cmn-toggle-round" type="checkbox" name="state[]" id="state" <?php echo ($option->option_on > 0 ? 'checked="checked"' : ''); ?> value="<?php echo $option->option_ref; ?>"/>

当我切换其中一个复选框时，它只会更改第一个复选框的状态。

但是当我删除它时，该复选框不再起作用。

感谢您的关注。 祝你有美好的一天。

Answer 1

DOM中的每个元素都必须具有唯一的ID。
您必须更改它的ID，

fetchDepth: 1

应该工作。

Answer 2

刚刚找到了解决方案，以防万一...（这很有趣）。 它与复选框的标签有关：标签中的“ for”字段的值应与复选框的ID相同...如果不是，则不起作用，并且如果您有多个复选框并且它们都具有相同的id（以及标签中“ for”字段的值相同），当您尝试选中/取消选中它时，它将更改第一个的状态。 希望这很清楚，有一天对某人有帮助... 非常感谢。