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是否可以再次清除任何输入？

我不确定，但我相信您正在寻找类似的内容（）：

开始时只有前2个可见，但您可以单击按钮添加更多。。。最多5个

或者。。。像这样的事情可能会更好。。。从单个参与者开始，如果需要，创建更多参与者。。。具有移除的能力

---

如果需要jQuery帮助，最好显示dom的外观。你是对的。我的错误是，我在HTML.EDIT中包含了代码的输出：我遇到了一个问题-当我按下按钮添加第一个示例中的参与者时，我的表单被提交。否则效果很好，谢谢！编辑2：我解决了提交表单的问题。现在看起来是这样的：

$（“.participant:gt（1）”）.addClass（“隐藏”）$（“.add participant”）.on（“单击”，函数（）{event.preventDefault（）；$（“.participant.hidden”）.first（）.removeClass（“hidden”）；if（！$（“.participant.hidden”）.length）{$（this.hide（）；}）

@MihailIvanchev，我以为你是在做第二件事我正在对所有字段进行表单验证，我依赖于能够操纵每个输入字段的名称。用第一把小提琴做起来更容易，因为我只是把我在div标签中创建的字段包装起来，然后隐藏它们。第二，在每次添加或删除后，我必须进一步操作JS代码才能更改字段名。我还需要添加多个字段（这是一组6个字段，有6个不同的名称）。所以我决定去基斯：）

<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>

$(".participant:gt(1)").addClass("hidden");
$("#add-participant").on("click", function() {
    $(".participant.hidden").first().removeClass("hidden");
  if(!$(".participant.hidden").length) {
    $(this).hide();
  }
});