Установить все флажки по имени класса

Я пытаюсь установить и снять все флажки с помощью javascript и vue.

const checkAll = () => {
        var array = document.getElementsByClassName("assign_register");
        for(var i = 0; i < array.length; i++){
            if (array[i].type == "checkbox"){
                if (array[i].className == "assign_register"){
                    array[i].checked = true;
                }else if (array[i].checked){
                    array[i].checked = false;
                }
            }
            
        }
    }

Эта функция вызывается из моего основного флажка:

<template v-for = "item in valor" :key = "item.id">
                    <tr>
                        <td><input type = "checkbox" class = "assign_register" name = "assign_register" style = "width: 20px; height: 20px;"></td>

я хочу сделать, чтобы, когда я нажимаю на этот флажок, проверялись все мои дочерние флажки, и если он отмечен и снимается этот флажок, все снято. я пробовал с событием.

const checkAll = () => {
        var array = document.getElementsByClassName("assign_register");
        for(var i = 0; i < array.length; i++){
            array[i].addEventListener('change', e => {
                if (e.target.checked === true) {
                    console.info("Checkbox is checked - boolean value: ", e.target.checked)
                }
                if (e.target.checked === false) {
                    console.info("Checkbox is not checked - boolean value: ", e.target.checked)
                }
            });
        }
    }

но ничего не показывает в консоли и не проверял мои входы...

ОБНОВЛЯТЬ

const checkAll = () => {
        var array = document.getElementsByClassName("assign_register");
        for(var i = 0; i < array.length; i++){
            if (array[i].type == "checkbox"){
                if (array[i].className == "assign_register"){
                    array[i].checked = true;
                    if (array[i].checked == true){
                        array[i].checked = false;
                    }
                }
            }
        }
    }

ОБНОВЛЕНИЕ 2

<td><input type = "checkbox" class = "assign_register" name = "assign_register" v-model = "checked" style = "width: 20px; height: 20px;"></td>

const checkAll = () => {
        return {
            checked: true
        }
    }

Спасибо за ридми и извините за мой плохой английский