使用JavaScript验证复选框。

我想要一些关于复选框验证的帮助

如果您查看下图，当用户单击图像时，复选框变为选中状态

我想要的是，如果选中“所有”复选框，则会提示一条简单的消息

这是通过单击图像来选择复选框的代码

        $( document ).ready(function() {

    $("#roll-<?php echo $row['id_vnr']; ?><?php echo $cut_counter; ?>").click (function(){
         var $$ = $(this)

          if( !$$.is('.checked')){
              $$.addClass('checked');

              $('#imgCheck-<?php echo $row['id_vnr']; ?><?php echo $cut_counter; ?>').prop('checked', true);

                }
            });
    });

$（文档）.ready（函数（）{
$（“#滚动-”）。单击（函数（）{
变量$$=$（此）
如果（！$$是（'.checked'））{
$$.addClass（'checked'）；
$（“#imgCheck-”）.prop（'checked'，true）；
}
});
});

因此，我可以通过单击图像来选中复选框。如果选中了“全部”复选框，如何向消息发出警报。很快用户点击最后一张图片，图片将消失，红色勾选框将出现，用户应该会看到警告消息

---

先谢谢你

您可以通过获取类为“checked”的元素数来实现这一点。如果数字为6，则可以显示警报。

请尝试以下方法：

var复选框=$（'[type=“checkbox”]'）；
复选框。on（'change'，function（）{
var checked=$（'[type=“checkbox”]：checked'）；
log（'all:'，checkbox.length'，/'，'checked:'，checked.length）；
if（checkbox.length==checked.length）{
console.log（'ALL CHECKED！'）；
}
});

1.
2.
3
您可以使用以下javascript代码：

$(function(){
   $('input[type="checkbox"]').click(function() {
     totalCheckboxCount = $('input[type="checkbox"]').length;
     selectedBoxesCount = $('input[type="checkbox"]:checked').length;
     if(totalCheckboxCount == selectedBoxesCount) {
       alert("All checkboxes selected!");
     }
   });
});

嗯，它可以是动态的。不一定，它总是6。有一个通用的解决方案很好。是的，它可能是，在这种情况下，OP可以根据需要调整代码。我只是想谈谈如何解决这个问题。嗯，你可以把它作为一个评论，而不是一个答案。