보내주신 코드 참고해서 원래코드에 대입해봤는데 저는 각각의 사진에 체크박스를 넣고싶었는데 div클래스로 묶인 사진들이 버튼이 되서

그것을 해결하려고 사진 링크 하나하나 input타입 체크박스를 넣었는데 무슨 러시아 마트료시카인형마냥 그 안에 체크박스안에체크박스

이렇게 되어있는 문제를 어떻게 해결해야할까요?

제 생각에는 자바스크립트로 if 또는 for로 체크박스 숫자를 계속 늘리게 하려고했는데

if 하고 for문을 잘몰라서 코드를 써보진않았지만 이 방법도아닌것같아서요

어떻게해야하나요?

<div class="row">


  <div class="column">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2018/09/23/18/40/three-zinnen-3698094__340.jpg">
    <input type="checkbox" id="mycheckbox2"/>
    <label for="mycheckbox2">
    <img src="https://cdn.pixabay.com/photo/2020/08/01/10/04/alpine-5455013__340.jpg">
    <input type="checkbox" id="mycheckbox3"/>
    <label for="mycheckbox3">
    <img src="https://cdn.pixabay.com/photo/2020/07/25/14/23/cliff-5436923__340.jpg">
    <input type="checkbox" id="mycheckbox4"/>
    <label for="mycheckbox4">
    <img src="https://cdn.pixabay.com/photo/2014/11/21/03/26/scotland-540119__340.jpg">
    <input type="checkbox" id="mycheckbox5"/>
    <label for="mycheckbox5">
    <img src="https://cdn.pixabay.com/photo/2015/08/30/05/41/neist-point-913838__340.jpg">
    <input type="checkbox" id="mycheckbox6"/>
    <label for="mycheckbox6">
    <img src="https://cdn.pixabay.com/photo/2016/12/13/15/16/wales-1904310__340.jpg">
  </div>
  <div class="column">
    <input type="checkbox" id="mycheckbox21"/>
    <label for="mycheckbox21">
    <img src="https://cdn.pixabay.com/photo/2016/12/09/18/38/rock-1895789__340.jpg">
    <input type="checkbox" id="mycheckbox22"/>
    <label for="mycheckbox22">
    <img src="https://cdn.pixabay.com/photo/2010/12/13/10/33/ireland-2901__340.jpg">
    <input type="checkbox" id="mycheckbox23"/>
    <label for="mycheckbox23">
    <img src="https://cdn.pixabay.com/photo/2015/09/18/03/36/film-camera-945006__340.jpg">
    <input type="checkbox" id="mycheckbox24"/>
    <label for="mycheckbox24">
    <img src="https://cdn.pixabay.com/photo/2017/08/10/08/39/three-2620056__340.jpg">
    <input type="checkbox" id="mycheckbox25"/>
    <label for="mycheckbox25">
    <img src="https://cdn.pixabay.com/photo/2017/01/02/01/59/rock-1945923__340.jpg">
    <input type="checkbox" id="mycheckbox26"/>
    <label for="mycheckbox26">
    <img src="https://cdn.pixabay.com/photo/2015/11/15/14/30/veligandu-island-1044366__340.jpg">
  </div>
  <div class="column">
    <input type="checkbox" id="mycheckbox3"/>
    <label for="mycheckbox3">
    <img src="https://cdn.pixabay.com/photo/2017/12/10/17/40/prague-3010407__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2017/06/22/11/54/town-2430571__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2013/04/11/19/46/louvre-102840__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2018/04/25/09/26/eiffel-tower-3349075__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2020/07/23/07/10/market-5430564__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2016/01/22/16/42/eiffel-tower-1156146__340.jpg">


  </div>
  <div class="column">
    <input type="checkbox" id="mycheckbox4"/>
    <label for="mycheckbox4">
    <img src="https://cdn.pixabay.com/photo/2016/01/13/01/36/bagan-1137015__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2017/01/16/15/17/hot-air-balloons-1984308__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2017/12/15/13/51/polynesia-3021072__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://images.unsplash.com/photo-1449034446853-66c86144b0ad?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2018/07/14/15/27/cafe-3537801__340.jpg">
    <input type="checkbox" id="mycheckbox1"/>
    <label for="mycheckbox1">
    <img src="https://cdn.pixabay.com/photo/2014/08/12/00/01/oia-416136__340.jpg">
  </label>
  </div>
</div>






    
    <script src="script.js"></script>
  </body>
</html>