<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.