Question

我在Django的第一个项目工作并顺便学习。目前我被困在项目的一部分，如果选中复选框为真，我必须显示其他数据。

长话短说，我的页面上必须有复选框，其名称为＆＃34; Cars＆＃34;，如果用户选中复选框为True，则应立即选中汽车模型列表，在此复选框下方，而不影响当前页面上的其他输入源。

有没有简单的方法如何完成这个？谢谢你的帮助。

/编辑

HTML代码

        <p class="dhcp"> DHCP: {{ form.dhcp }} </p>
        <p class="collapse1 collapse"> IPv4 adresy: {{form.ipv4_adress }} </p>

        <p class="dhcpv6"> DHCPv6: {{ form.dhcpv6 }} </p>
        <p class="collapse2 collapse"> IPv6 adresy: {{form.ipv6_adress }} </p>

JS代码

 $(document).ready(function() {

     $(".dhcp").click(function(event) {
         $(".collapse1").fadeToggle().delay(100);
     });

     $(".dhcpv6").click(function(event) {
         $(".collapse2").fadeToggle().delay(100);
     });
 })

它只是它的一部分，它的相当＆＃34;大＆＃34;到现在为止，并没有告诉任何因为由django形式生成的东西。现在的主要问题是，如果我点击同一行就是复选框，它会触发显示数据的动作。

Answer 1

看看这个 JS Fiddle 。它是一个简单的JS解决方案，为您的问题提供了一个fadeToggle。延迟100是可选的，但它使得孔更加优雅，尽管这与你的“应该立即显示”相冲突;）

<input class="collapsed" type="checkbox">Cars
<div class="collapse2 collapse" style="display:none;">
   <li>car hello</li>
   <li>car lala</li>
   <li>car 1</li>
</div>

$(".collapsed").click(function(event){
    $(".collapse2").fadeToggle().delay(100);
})

如果有这样的多个复选框，您可能必须在JS中使用this关键字。

如果不发表评论，那应该做伎俩。

当复选框为true时显示其他数据Django

1 个答案: