使用jquery禁用/启用Codeigniter输入字段

时间:2016-03-26 12:38:23

标签: php jquery codeigniter

我有以下输入字段的代码:

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,如果选中该复选框以激活该字段,则清除任何输入,然后在此之后取消选中?

1 个答案:

答案 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个。

或者......这样的事情可能会更好......从一个参与者开始,如果需要,可以创建更多......具有删除功能。

JSFiddle