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 %}

然后在javascript：

$(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或其他内容。

Django复选框显示内容

1 个答案: