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