<tr><td><p><input type="checkbox" name="FizDogovor" value="%s">
Разработка лицензионного договора для Физ. Лица</p></td> <td>$%s</td></tr>
<tr><td><p><input type="checkbox" name="FirmDogovor" value="%s">
Разработка лицензионного договора для Предпринимателей</p></td>
<td>$%s</td></tr>
<tr><td><p><input type="checkbox" name="Negotiations" value="%s">
Представительство в переговорном процессе</p></td>
<td>$%s </td></tr>
<tr><td><p><input type="checkbox" name="TradeMark" value="%s">
Регистрация Торговой Марки</p></td><td>от $%s</td></tr>
Надеюсь так понятней: есть абзацы "Р" в которых заключены инпуты, абзацы находятся внутри ячеек таблицы.
Задача: по нажатию абзаца или чекбокса - копировать и удалять этот абзац вниз страницы.
Ниже ДжавСкрипт код с комментами:
// Элементы списка добавляются в онлайн договор
$('p:has(input[type="checkbox"]), p input[type="checkbox"]').toggle(
// выбираю чекбокс и абзац в котором чекбокс
function(){ $(this).children('input').attr('checked', true);
$(this).addClass('selected'); // по нажатию на абзац чекбокс получает галочку, а абзац меняет цвет;
var serviceCopy = $(this).clone(); // клонирую выбранный абзац
serviceCopy.id = $(this).clone().children('input').attr('name') + "cloned";
// присваиваю клону идентификатор
$('#Padress').after(serviceCopy); // вставляю клона перед #Padress
alert (serviceCopy.id); // проверяю есть ли идентификатор у клона
},
// по второму нажатию на абзац, чекбокс и подсветка абзаца убираются
function(){ $(this).children('input').removeAttr('checked');
$(this).removeClass('selected');
var removeCopy = '#' + $(this).children('input').attr('name') + "cloned";
// заношу в переменную идентификатор объекта, который надо будет удалить
$(removeCopy).remove(); // удаля объект с указанным идентификатором
});
Результат - абзац с чекбоксом клонируется как надо, но по второму нажатию клонированный абзац не удаляется. Нужно чтоб удалялся.
Уже понятнее?