如何捕获已勾选复选框变为未勾选的事件并获取其值

你的代码存在两个核心问题，直接导致功能失效：

• 选择器不匹配：HTML中checkbox的name属性是privilegiosG[]，但JS代码里错误使用了seccionesG；同时选择器写法冗余，checkbox本身就是<input>标签，不需要嵌套选择。
• Script标签语法错误：<script type="textjavascript>"的引号位置错误，正确格式应为<script type="text/javascript">。

修正后的JavaScript代码 #

<script type="text/javascript">
    // 匹配所有name为privilegiosG[]的checkbox
    $("input[name='privilegiosG[]']").change(function() {
        // 判断当前是否为取消勾选状态
        if (!$(this).is(":checked")) {
            alert("取消勾选的ID：" + $(this).val());
        }
    });
</script>

补充优化方案 #

如果希望通过类名选择（HTML中checkbox带有cbx类），选择器也可以写成$(".cbx")，效果一致：

<script type="text/javascript">
    // 确保页面DOM加载完成后再绑定事件
    $(document).ready(function() {
        $(".cbx").change(function() {
            if (!$(this).is(":checked")) {
                alert("取消勾选的ID：" + $(this).val());
            }
        });
    });
</script>

内容的提问来源于stack exchange，提问作者JuanJoseVega