Javascript 多个jQuery切换未正确更改

我有两个切换按钮，如下所示：

$（.ui.toggle”）。打开（“单击”，函数（）{
如果（！$（“#对话”）是（“：选中”））{
$（'thetoggle'）.prop（'checked'，true）；
}
否则{
$（'thetoggle'）.prop（'checked'，false）；
}
});
一个id只能引用一个元素，
$（“#thetoggle”）
将始终返回在DOM中找到的具有该id的第一个元素。您应该改为使用
class
，并且在事件处理程序中可以使用：

$(this).find('.thetoggle`);

获取子节点。您还可以删除类和id，只使用标记类型：

var checkbox = $(this).find('input[type=checkbox]');

id只能引用一个元素，
$（“#thetoggle”）
将始终返回在DOM中找到的具有该id的第一个元素。您应该改为使用
class
，并且在事件处理程序中可以使用：

$(this).find('.thetoggle`);

获取子节点。您还可以删除类和id，只使用标记类型：

var checkbox = $(this).find('input[type=checkbox]');

无需任何javascript即可独立选中复选框：


无需任何javascript即可独立选中复选框：



id必须是唯一的
$（“#thetoggle”）
将只选择第一个。为什么不使用
$（this）
来操作用户单击的切换。首先，不要重复使用ID-use类。在click事件中，您可以执行引用单击的ElementID的
$（this）
，该操作必须是唯一的
$（“#thetoggle”）
将只选择第一个。为什么不使用
$（this）
来操作用户单击的切换。首先，不要重复使用ID-use类。在click事件中，您可以执行引用已单击元素的
$（this）