Usuwanie wybranego elementu z listy

pytanie zadane 23 czerwca 2017 w JavaScript przez nitrio578 Początkujący (270 p.)

Problem dotyczy usunięcia dynamicznie tworzonych inputów. Te które są zaznaczone checkboxem powinny zostać usunięte z DOM-u, a jest usuwany tylko element, który jest najstarszy, najwcześniej stworzony. Warunek if(e.target.checked === this.input) poprawnie wykrywa, który element jest "czeknięty", ale nie wiem jak zrobić żeby usunął ten konkretny elem, a nie ten który jest najwyżej. Dokładnie chodzi o funkcję, która jest przypięta do button2

http://wklej.org/id/3207419/ JS

http://wklej.org/id/3207420/ HTML

1 odpowiedź

odpowiedź 23 czerwca 2017 przez Chess Szeryf (76,710 p.)

<body style="background:grey">
 
<form method="post" action="" onsubmit="event.preventDefault();">
	<input type="text" id="get_value_from_text" />
	<input type="submit" value="OK" id="OK"/>
	<input type="submit" value="X"  id="X"/>
</form>

<div id="here"></div>
 <div id="here2"></div>
<script>
const OK = document.getElementById('OK');
const X = document.getElementById('X');
const get_value_from_text = document.getElementById('get_value_from_text');
function add_field(){	
	var drawe = document.createElement("input");
	var drawed = document.createElement("span");
 	
	 
    drawe.setAttribute('type','checkbox');
	
	drawe.setAttribute('id','elo');
    drawed.innerHTML = get_value_from_text.value;
	var here = document.getElementById('here');
	 
	 
	document.body.insertBefore(drawe,here);
	document.body.insertBefore(drawed,here);
 
}
function remove_field(){
	var input = document.getElementById('elo');
	console.log(input.checked);
	if(input.checked==true){ 
		document.querySelector("input[type='checkbox']").remove();
		document.querySelector("span").remove();
		console.log('prawda');
	}else{ 
		console.log('o co chodzi?');
	}
}

OK.addEventListener('click',add_field,false);
X.addEventListener('click',remove_field,false);

</script>

</body>

Jeśli chciałbyś użyć mojego kodu, to go lekko zmodyfikuj, ponieważ teraz usuwa tylko pierwszy element jak się zaznaczy wszystkie checkbox'y.