Seleccionar y "deseleccionar" checks

[JavierMMM]

Hola a todos, estoy trabado con un detalle con una serie de checks de los cuales necesito obtener sus id´s

Tengo el siguiente código con el cual voy obteniendo los id´s de los checks que selecciono y los agrego en un array y cuando son más de dos los seleccionados se generan las opciones necesarias, pero cuando lo "deselecciono", no he podido sacar de mi array el id, sino que se sigue agregando...

Código Javascript:

//El siguiente código sólo agrega al array
        //He buscado varias opciones que no he podido implementar
        var checkboxValues = [];
        var arr_usr1 = [];
                
        var countChecked = function() {
          var n = $( "input:checked" ).length;
          arr_usr1 = $(this).val();
          checkboxValues.push(arr_usr1);
          if (n >= 2) {
            $("#tabla_usr button[type=button]").attr('disabled', true); //solo los del objeto #tabla_usr
          }
          else{
            $("#tabla_usr button[type=button]").attr('disabled', false); //solo los del objeto #tabla_usr
          }
        };
        $( "input[name='archivos']" ).on( "click", countChecked );
        countChecked();
 

Encontré el siguiente código, pero no me ha funcionado

Código Javascript:

var arr = ["jQuery", "JavaScript", "HTML", "Ajax", "Css"]; 
      var itemtoRemove = "HTML"; 
      arr.splice($.inArray(itemtoRemove, arr), 1);
 

¿Alguien que pueda apoyarme en qué debo de buscar para solucionar mi problema?

De antemano gracias.