javascript - 检查并计算选中复选框的数量

Question

我正在根据用户数量创建复选框(复选框数组)。如果没有用户，则不会创建复选框。

问题:我想检查复选框是否存在以及 如果存在复选框，我想计算已选中的复选框的数量。

代码:

<?php
    if (isset($companyusers) && $companyusers != array()) {
        foreach ($companyusers as $key => $value) {
            ?>
            <div class="div_to_hide">
                <label class="checkbox" style="display: inline-block !important">
                    <input name="noti[<?php echo $value->id; ?>]" id="" type="checkbox" class="checkbox_input" value="<?= $value->first_name ?>">
                      <span class="search_text">
                          <?= $value->first_name ?>
                      </span>
                </label>
            </div>
            <?php
        }
    }
?>
<div class="form-group">
    <div class="col-lg-offset-2 col-lg-10">
        <button type="submit" class="btn smbtn btn-success">
            <?php echo Yii::t('app', 'Send'); ?>
        </button>
    </div>
</div>

Answer 1

尝试:

演示:https://jsfiddle.net/r00xxgk5/

if($('input:checkbox[name="noti[]"]').length > 0) { // check length of checkbox if > 0
   var sList = "";
   $('input:checkbox[name="noti[]"]').each(function () { // loop throgh all checkbox and detect if checked or not
        sList += "(" + $(this).val() + "-" + (this.checked ? "checked" : "not checked") + ")";
   });
   console.log (sList);
}