0

多くの入力フィールドを持つフォームがあります。動的に複製されたフォームにアクセスして変更を加えることができません。私の問題を説明するために、フォームの一部だけを示します。

<div>
  <input class="add check" type="checkbox" name="add"> <label for="check">Add</label>
</div>

<select disabled="true" class="classname">
    <option value="value1">Value1</option>
    <option value="value2">Value2</option>
</select>

<input name="percentage" type="text" class="percent medium" disabled="true" />                                        
<input name="amount" type="text" class="amount medium"  disabled="true" />
<div class="total medium process_price"></div>

これはフォームの一部です。ADD チェックボックスをオンにすると、ドロップダウンがアクティブになり、オプションが選択されると、オプション値がデータベースから取得され、Total div に表示されます。これで、金額またはパーセンテージ フィールドのいずれかを入力して、合計を操作できるようになりました。このフォームを jQuery で複製することはできますが、複製されたフォームが元のフォームとは独立して機能することを望みます。それ、どうやったら出来るの?これは私がこれまでに持っているものですが、複製されたフォームは独立して機能していません。なにか提案を?ありがとう。

$(".add").live('click',function(e){
    orginize($(e.target));
});

orginize(obj){
 var addCheck = obj.closest('div').find('input:checkbox');
 if(addCheck.is(':checked')){
   // Do stuff
 }
}
4

0 に答える 0