Javascript 输入组字段检查整个输入组上的单击处理程序

我目前正在尝试使整个引导输入组能够单击，以便在单击输入组的任何部分时单击复选框，并且在单击输入组时也应该能够取消选中复选框。我目前正在使用的代码如下：

$（文档）.ready（函数（）{
$（'.input group，#opt_in'）。单击（函数（）{
如果（$（'opt#u in'）。是（'：checked'））{
$（'opt#u in'）.prop（'checked'，false）；
}
否则{
$（'opt#u in'）.prop（'checked'，true）；
}
});
});

我确认
我的所有信息都是准确的，并同意按照上述规定调用

$（文档）.ready（函数（）{
$（'.input group，#opt_in'）。单击（函数（）{
如果（$（'opt#u in'）。是（'：checked'））{
$（'opt#u in'）.prop（'checked'，false）；
}
否则{
$（'opt#u in'）.prop（'checked'，true）；
}
});
});

我确认
我的所有信息都是准确的，并同意按照上述规定调用
只是为了让它不碍事。你知道标签有一个
for
属性，你可以给它一个你想关联的id，然后点击标签会自动切换元素，对吗？它工作正常。是否加载了jQuery和引导程序？首先，如果代码显示$未定义，则必须输入正确的js文件，以便它识别“$”，即jQuery。尝试添加以下内容：
，因为OP使用引导，这意味着必须加载jQuery。所以纯JS在这里帮不上什么忙。@Louyspatricebesette感谢您的反馈。我纠正了我的错误。所以现在你的答案与OP完全相同（添加了jQuery库），并且没有任何解释。。。对吗？阅读