無効/ jqueryの

Question

とCodeIgniterの入力フィールドを有効にIは、入力フィールドの次のコードを持っている：

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を使用して入力をクリアすることは可能ですか？

Answer 1

私はわからないんだけど、私はあなたがこのような何か（JSFiddle）を探していると信じて：

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

JS

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

のみ最初の2が最初に表示されますが、ボタンをクリックすると、最大5個まで追加することができます。

または...このようなものはおそらくもっと良いでしょう。必要な...除去する能力。

JSFiddle