Bueno, el problema es básicamente que en HTML no puedes tener dos elementos con la misma identificación, y los estás llamando cpfpg , entonces es lógico que la primera fila esté bien porque solo tienes un elemento con esa identificación, pero después de eso tienes más. que un elemento con la misma identificación y ese es el problema.
Creo que puedes cambiarlo id="cpfpj{{forloop.counter}}" y luego puedes hacerlo en tu javascript:
ele = document.getElementById("cpfpj{{forloop.counter}}")Simplemente soluciona tu problema.