Récupérer un ID au clic

Vous avez donc abandonné le clic pour une liste et un événement "change".

Celle ci est mal formée et ne sert à rien revoyez l'utilisation des listes en HTML.
Puisque que vous utilisez un élément de formulaire(qui doit donc être compris dans un formulaire) voir aussi comment s'utilisent les input (qui doivent être inscrits dans une balise form) vous pouvez simplement valider le formulaire pour obtenir sa valeur (en empêchant son envoi pour rester sur la même page).
Et forcément un JS inadapté à la page ou du HTML faux (là il y a les 2) ça risque pas de vous mener très loin.

Bref c'est tout à fait autre chose comme HTML donc ce qui s'appliquait pour un clic sur une image (hors formulaire et liste) ne s’applique plus sur une liste -mal formée et inutile car inexistante elle n'est pas déclarée en tant que liste : votre HTML est faux-.
Quant aux images il n'y en a pas mais des cases à cocher...

J’espère que vous avez réfléchit à quoi faire de la valeur (attribut value) que vous n'arrivez pas à trouver. En tout cas pas besoin de boucle si vous avez des éléments de formulaire(dans un formulaire) ces éléments sont spécifiques car ils peuvent renvoyer la valeur que l'on veut en passant par l'attribut d'objet .value(le "." ou notation pointée indique un élément d'objet comme dans "document." cela signifie que vous accédez à l’attribut d'objet (variable interne de l'objet) document qui est indiquée après le "." ou à une méthode de l'objet(fonction interne de l'objet). Un attribut d'objet peut être une valeur ou même un autre objet et &ainsi de suite; en arbre chacun des objets formant une branche qui se ramifie en plusieurs branches. C'est le modèle objet du document aussi appelé DOM en anglais Document Object Model). ).

Vous avez changez vos contenus donc il faut changer le raisonnement(une fois corrigé vos erreurs bien sûr, c'est à dire un code HTML correct).

Pour une réponse à votre question en gardant l'événement sur une image cliqué vous pouvez faire un truc du style:
https://www.w3schools.com/jsref/event_target.asp

Soit par exemple:

<!-- à remplacer par une image valide et avec la bonne adresse/URL (valeur de l'attribut src) sinon il n'y aura rien du tout sur lequel cliquer-->

<image id="imgclic" src="monImage.jpg" alt="image de test" name="bobleponge"/>

 /** le paramètre de la fonction "evt" correspond à l'événement en cours, evt est choisit arbitrairement, on peut l'appeler robert mais bon evt ça reste clair et rapide à écrire et comprendre. On retrouve souvent ce paramètre nommée "e" tout simplement aussi, première lettre du mot event. Ce n'es pas une convention ou un standard mais une facilité d'écriture.
*/


document.getElementById('imgclic').addEventListener('click', function(evt){
  console.log('l\'élément cliqué est un '+e.target);
  console.log('\til a pour ID '+e.target.id);
  console.log('\til a pour nom (attribut name)  '+e.target.getAttribute('name'));
  console.log('\til a pour source (attribut src)  '+e.target.getAttribute('src'));
}, false};


/** le paramètre de valeur false (dernier avant de refermer la parenthèse du addEventListener)que j'ai rajouté est facultatif(il vaut false si on l'omet). Il indique si l’événement doit s'arrêter ou se "propager" à son élément parent.

*/

Avec des formulaires c'est beaucoup plus simple(toute la partie contenu dans la fonction déclenchée par l'événement) et je vous laisse chercher des cours et exemples qui ne manquent pas sur la toile(à commencer par savoir écrire la partie HTML).

Bien sûr je n'ai donné que des pistes dans ma première réponse.
Ils sont incomplets (je n'ai pas vocation à remplacer un cours de JavaScript qui sera plus complet et mieux détaillé/expliqué et vous évitera de passer par des trucs foireux comme le contenu de la fonction de la boucle for à des attributions de variables incomplètes).
On peut aussi passer par une fonction classique que par une fonction anonyme qui est plus ou moins une facilité et utilisation avancée(en tout cas plus complexe et moins permissive) dans le cadre de la gestion d'un événement:

function faitQuelqueChose(e){
//... instructions

}

document.getElementById('idElement').addEventListener('click', faitQuelqueChose(evt) );

/** la fonction étant nommé cela permet de pouvoir la supprimer ou l'activer.
* bien sûr la fonction peut-être appelé dans un autre cadre, pour un autre élément, sur un  autre bouton, ou sans qu'il y ait dévénements ou de boutons qui rentre en jeu.
Cela permet une plus grande modularité du programme, d'utiliser des fonctions pour plusieurs pages, plusieurs sites voire différents cas d'utilisation donc ne pas perdre du temps à écrire plusieurs fois des choses similaires. Le principe premier d'une fonction.

*/

Pour vous orienter toutefois:

https://www.w3schools.com/tags/att_input_value.asp

Là c'est la référence du web mais pour apprendre il faudrait commencer par les bases avant de vous plonger dans le manuel technique.

https://www.google.com/search?q=traiter+les+formulaires+en+javascript

https://www.google.com/search?q=formulaire+HTML+obtenir+l%26%2339%3Battribut+value+d%26%2339%3Bun+input+checkbox+avec+JavaScript

Et avant tout:

https://www.google.com/search?q=INPUT+HTML+ccomment+%C3%A7a+marche

Voire :
https://www.commentcamarche.net/contents/493-formulaires-html-cours-et-exemples

A vous de voir. Plutôt que de mélanger des choses qui n'ont rien à voir(un clic sur une image et une case à cocher de formulaire - qui bien sûr peut correpsndre à une image) il faut faire un choix.
Les 2 propositions étant différentes elles auront une partie de leur développement différent.