Хочу ещё раз описать суть задачи.
По хорошему нужно чтоб работало так.
Кликаем по checkbox(сам) при клике создаётся клон input checkbox со значением name.
Клон (input checkbox со значением name) должен появится в той области где я ему укажу.
После того как были созданы если их много или один клон по клику на кнопку submit нужно передать значение клона name в один input его атрибут value, так чтоб value попали только чистый текст значения name без всяких элементов HTML тегов.
Я нашёл один скрипт который меня удовлетворяет на половину его работы. Он создаёт клоны там где мне нужно, но потом я не могу взять и передать эти клоны в другой input в атрибут value.
Вот скриншот того что у меня получилось.
http://prntscr.com/c6pnhu
Старался расписать как можно подробней надеюсь что кто-то сможет мне помочь решить эту задачу.
Demo можно увидеть здесь
Не могу выбрать и удалить клонируемые элементы
<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
<div id="area">
<input type="checkbox" /> <label>1</label>
<input type="checkbox" /> <label>2</label>
<input type="checkbox" /> <label>3</label>
<input type="checkbox" /> <label>4</label>
<input type="checkbox" /> <label>5</label>
<input type="checkbox" /> <label>6</label>
<input type="checkbox" /> <label>7</label>
<input type="checkbox" /> <label>8</label>
<input type="checkbox" /> <label>9</label>
</div>
<div id="clones">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<script type="text/javascript">
$('#area input:checkbox').each(function (i, g) {
this.onchange = function () {
if (this.checked) {
$('#clones span').eq(i).html($(g).next().clone());
} else {
$('#clones span').eq(i).empty();
}
}
});
</script>
