I have a doubt in selecting and verify that the checkbox
is checked in a div
with id="div1"
which in turn is added in another div
with id = "box"
and the result is checkbox -> div.id = div1 -> divbox.id = box
I have this base function to create checkbox
and insert in div1
and add div1
to div box
and it´s work and I don´t put the css
code because don´t need
function createCheckBox() {
//count
var count = 0;
var div = document.createElement('div');
div.id = "div1";
div.style.fontSize = "20px";
//div box
var box = document.getElementById('box');
//checkbox
var checkbox = document.createElement('input');
checkbox.type = "checkbox";
checkbox.name = "checkBox" + (count++);
checkbox.id = checkbox.name;
var label = document.createElement('label')
label.htmlFor = "id";
label.appendChild(document.createTextNode("checkBox" + (count++)));
var br = document.createElement('br');
div.appendChild(checkbox);
div.appendChild(label);
div.appendChild(br);
box.appendChild(div);
}
my doubt is select checkbox check and return if is checked
or not and in this function removeCheckBox
I wanna get value of checked checkbox in this way divbox.id = box -> div.id = div1 -> checkbox.checked and it´s not work
function removeCheckBox() {
//box
var box = document.getElementById("box");
//div1
var div1 = divbox.getElementById("div1");
for (var i = 0; div1.childNodes.lenght; i++) {
if (div1.childNodes[i].checked) {
alert("CheckBox is checked");
//remove from div1
div1.removeChild(div1.childNodes[i]);
} else {
alert("CheckBox is not checked");
}
}
}
any suggestion?
Aucun commentaire:
Enregistrer un commentaire