Я хочу добавить галочку на изображение, когда пользователь нажимает кнопку добавления

Question

, когда пользователь нажимает на ссылку «출력 하기», веб-сайт должен добавить галочку на всех изображениях Код такой код. , но этот флажок не установлен. Никто не мог бы мне помочь?

это мой js.

$(document).ready(function(){ 
    $("#print").on('click', function(){ 
     $('#post').append('<input type="checkbox" />'); 
    }); 
}); 

это индекс HTML

<div class="collapse navbar-collapse" id="navbar"> 
      <div class="nav navbar-nav navbar-right"> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Menu<span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
       <li><a href="{% url 'index' %}">Home</a></li> 
       <li><a id="print" href="">출력 하기</a></li> 
       <li role="separator" class="divider"></li> 
       <li><a href="{% url 'account_logout' %}">로그아웃</a></li> 
       </ul> 
      </li> 
      </div> 
      <div class="profile__body"> 
     <ul class="row first"> 
     {% for photo in posts %} 
      <li class="col-xs-4" id="post"> 
       <img id="{{photo.pk}}" src="{{photo.image_file.url}}" class="img-r"> 
      </li> 
     {% empty %} 
     <li>게시한 사진이 없습니다.</li> 
      {% endfor %} 
     </ul> 
    </div> 
    </div> 

Answer 1

Поскольку #print является ссылка (<a>), вы должны предотвратить событие от поведения по умолчанию, который перенаправляет, используя .preventDefault() так:

$(document).ready(function(){ 
    $("#print").on('click', function(ev) { // the argument ev is the event 
     $('#post').append('<input type="checkbox" />'); 

     ev.preventDefault(); // stop the link from redirecting 
    }); 
});