장고 체크 박스 표시 내용

Question

다른 내용을 표시하려고합니다. 하지만 나는 뭔가를 거짓으로 만듭니다. 내가 pid를 확인하면 pid 만 표시해야하며, pid와 제목을 모두 확인해야합니다. 예제에서 두 가지를 모두 보여 주지만 확인란을 사용하여 변경하는 방법은 무엇입니까? 감사합니다. . 자바 스크립트에서 다음

<form class="fedora" method="post">{% csrf_token %} 
    <input type="checkbox" name="pid" value="{{obj.pid}}"> pid 
    <input type="checkbox" checked name="title" value="{{obj.title}}"> title 
</form> 

... 

{% fedora_access %} 
     <p><a href="{% url 'display' obj.pid %}"> 
     {%if obj.pid %} {{ obj.pid }}|{% endif %}   
     {{ obj.pid }} | {{ obj.title }} 
     </a></p> 
{% end_fedora_access %} 

Answer 1

<form class="fedora" method="post">{% csrf_token %} 
    <input type="checkbox" id="show_pid" name="pid" value="{{obj.pid}}"> pid 
    <input type="checkbox" id="show_title" checked name="title" value="{{obj.title}}"> title 
</form> 

... 

{% fedora_access %} 
     <p><a href="{% url 'display' obj.pid %}">  
     <span class="show_pid">{{ obj.pid }}</span> | <span class="show_title">{{ obj.title }}</span> 
     </a></p> 
{% end_fedora_access %} 

: 어느 쪽을 선택하는 경우

하지만

$(function() { 
    $('#show_pid').click(function() { 
     if ($(this).is(':checked')) $('.show_pid').show(); 
     else      $('.show_pid').hide(); 
    }); 
    $('#show_title').click(function() { 
     if ($(this).is(':checked')) $('.show_title').show(); 
     else      $('.show_title').hide(); 
    }); 
}); 

, 당신이 | 여전히 표시해야합니다. 당신은 CSS로 그것을 가짜로 만들 수 있습니다. 범위를 border-left: 1px solid black 및 border-right: 1px solid black 또는 무언가로 지정하십시오.