我想在复选框旁边显示特定的文本字段,但是我的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()
}
})
})
我的代码显示了所有文本字段,但是我不知道如何显示特定的文本字段。