我对这段代码有疑问,我不知道它为什么不起作用。本质上,当一个复选框被点击时,同一个 li 中的文本字段应该会显示出来。
我不想要“隐藏/显示”,因为这会用其他字段填充数组,所以如果选中了复选框,我正在考虑用新的输入填充 div。
我遇到问题的任何想法?
这是我的html:
<ul>
<li class="practice"><label><input type="checkbox" value="Practice 1" class="input_control" name="practice_areas[id][name]" /> Practice 1</label> <div class="showOrder"></div></li>
<li class="practice"><label><input type="checkbox" value="Practice 2" class="input_control" name="practice_areas[id][name]" /> Practice 2</label> <div class="showOrder"></div></li>
<li class="practice"><label><input type="checkbox" value="Practice 3" class="input_control" name="practice_areas[id][name]" /> Practice 3</label> <div class="showOrder"></div></li>
<li class="practice"><label><input type="checkbox" value="Practice 4" class="input_control" name="practice_areas[id][name]" /> Practice 4</label> <div class="showOrder"></div></li>
<li class="practice"><label><input type="checkbox" value="Practice 5" class="input_control" name="practice_areas[id][name]" /> Practice 5</label> <div class="showOrder"></div></li>
</ul>
这是我的 Javascript:
<script>
jQuery('li.practice').each(function() {
jQuery(".input_control", this).click(function() {
jQuery('.showOrder', this).html('<label>Order: <input type="text" size="2" name="practice_area[id][order]" value="" /></label>');
});
});
</script>