Добавление и удаление узлов-клонов

24.10.2010, 13:24. **Показов** 1598. **Ответов** 2

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Помогите пожалуйста, не пойму где ошибка. Клоны добавляются нормально,и атрибуты меняются вроде правильно, но процедура удаления срабатывает только один раз((

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var inn=1;
function del(){ 
var ik=0;
var k=0;
    for (i = 1; i<inn; i++){
                if (document.getElementById("chec"+i).checked) 
        {   document.getElementById("chan"+i).outerHTML = '';
            k++;}
    else {
        var inputT = document.getElementById("chan"+i);
        inputT.setAttribute("id", "chan"+i-k);
        var intu = document.getElementById("chec"+i);
        intu.setAttribute("id", "chec"+i-k);
     ik++;}
    
    }
inn=ik+1;
}
 
                  
 
function addbut(nodeId, deep) {
var toClone = document.getElementById(nodeId);
var clonedNode = toClone.cloneNode(deep);
var insertPoint = document.getElementById('fir');
insertPoint.appendChild(clonedNode);
var inputT = document.getElementById("chan0");
inputT.setAttribute("id", "chan"+inn);
var intu = document.getElementById("chec0");
intu.setAttribute("id", "chec"+inn);
inn++;
}

HTML5
1
2
3
4
5
6
<form method="post" name="forma">
<p id="chan0">
<input type="file" id="file0" onchange="addbut('chan0',true);"> &nbsp<input type="checkbox" id="chec0" ></p> 
<p id="fir"></p>
<input type='button' value="Удалить" onclick="del();">
</form>

@ostgals · 24.10.2010, 17:50

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function del(){
    var checks = document.forms.forma.file_check;
    for (var i in checks)
        if (checks[i].checked)
            document.getElementById('files').removeChild(checks[i].parentNode);
}
 
 
 
function addbut() {
    var clone = document.getElementsByClassName('file')[0].cloneNode(true);
    document.getElementById('files').appendChild(clone);
}

HTML5
1
2
3
4
5
6
<form method="post" name="forma">
<div id="files">
    <div class="file"><input type="file" name="file[]" onchange="addbut();">&nbsp;<input type="checkbox" name="file_check"></div>
</div> 
<input type='button' value="Удалить" onclick="del();">
</form>

24.10.2010, 22:14

ostgals, большое спасибо!!!!

Новые блоги и статьи Все статьи Все блоги /
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .

Makto
	24.10.2010, 22:14
	ostgals, большое спасибо!!!!