我有以下输入字段的代码:
echo form_label('Name :', "first_name[0]");
echo form_input("first_name[0]", set_value("first_name[0]"));
echo form_error("first_name[0]");
这将输出以下HTML代码:
<label for="first_name[0]"> Name: </label>
<input type="text" name="first_name[0]" value>
这是可容纳2-5名参与者的表格的一部分。我们的想法是至少有2个名称字段处于活动状态,而其他3个名称字段默认处于禁用状态,您可以使用复选框激活它们。 我对JQuery不是很好,我无法做到这一点。 是否可以再次使用jquery,如果选中该复选框以激活该字段,则清除任何输入,然后在此之后取消选中?
答案 0 :(得分:1)
我不确定,但我相信你正在寻找这样的事情(JSFiddle):
l = []
dfA['count'] = dfA['Capcity_container']
for i, r in dfB.iterrows():
mask = (dfA['count']!=0) & (dfA['Container_type']==r['Container_Type']) & (dfA['car']==r['car'])
df = dfA[mask]
try:
l.append(df.iloc[0]['Container'])
except Exception as e:
print 'Not anymore container for this type'
raise e
dfA.ix[df.index[0],'count'] = dfA.ix[df.index[0],'count'] - 1
dfB['container_assign']=l
JS
<div class="participant">
<label for="first_name[0]"> Name: </label>
<input type="text" name="first_name[0]" value>
</div>
<div class="participant">
<label for="first_name[0]"> Name: </label>
<input type="text" name="first_name[0]" value>
</div>
<div class="participant">
<label for="first_name[0]"> Name: </label>
<input type="text" name="first_name[0]" value>
</div>
<div class="participant">
<label for="first_name[0]"> Name: </label>
<input type="text" name="first_name[0]" value>
</div>
<div class="participant">
<label for="first_name[0]"> Name: </label>
<input type="text" name="first_name[0]" value>
</div>
<button id="add-participant">
Add Another
</button>
首先只显示前2个,但您可以点击按钮添加更多...最多5个。
或者......这样的事情可能会更好......从一个参与者开始,如果需要,可以创建更多......具有删除功能。