Django |动态文本字段显示取决于选中的复选框

时间:2018-08-16 09:02:36

标签: jquery django checkbox input show

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

How it looks like

我的模板

<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()
                }
             })
            })

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

0 个答案:

没有答案