如果选中了一定数量的框，如何显示图像

Question

This is my current code, and I can't figure out how to change the image depending on whether the number of boxes selected is greater than or less then 3.

Answer 1

You could write a little function (see below) which is fired everytime a checkbox checked value changes.

let count = 0;
Document.QuerySelectorAll('[name="ckb"]').forEach(function (ckb)
   {
      if (ckb.checked)
         count ++;
   });
if(count >= 3)
      Document.QuerySelector('Image').classList.Remove('hidden');
else
      Document.QuerySelector('Image').classList.Add('hidden');

   

The hidden class should be added in your css and to the Image you want to hide. It could look like this:

.hidden {
   opacity = 0;
}