jquery - 姜戈 | 动态文本字段显示取决于选中的复选框

Question

我想在复选框旁边显示特定的文本字段，但我的 id 和复选框的值是来自表字段的动态。如果我单击复选框“id”，我想显示“id”文本字段。

它看起来如何

我的模板

<legend>Choose columns to show:</legend>
            {% for dict in content %}
                {% if forloop.first %}
                    {% for key, value in dict.items %}
                        <div style="float:left">
                            <input type="checkbox" id="{{ key }}" name="column" value="{{ key }}"/>
                            <label  for="{{ key }}">{{ key }}</label>
                        </div>
                        <div style="margin-left:200px">
                            <span class="show_text">
                                <input type="text" name="contains" placeholder="{{ key }}"/>
                                <br/>
                            </span>
                        </div>
                        <br/>
                    {% endfor %}
                {% endif %}
            {% endfor %}

我的JS

$(function () {
            $('input[name="contains"]').hide();


            $('input[name="column"]').on('click', function () {
                if ($(this).is(':checked')) {
                    //alert($(this).val())
                    $('input[name="contains"]').fadeIn()
                } else {
                    $('input[name="contains"]').fadeOut()
                }
             })
            })

我的代码显示了所有的文本字段，但我不知道如何显示特定的。

标签： jquerydjangocheckboxinputshow