Can someone help troubleshoot my JavaScript code for creating multiple checkboxes? It seems that all the boxes are being checked at once and I'm not sure why.
for(var i=0; i<3; i++){
document.write("<div class='checkbox'><label><input type='checkbox' value='1' onclick='changeText();' >Item</label></div><input type='text' name='myItem' value='0' disabled/><br/>");
}
var item_box = document.getElementsByName('myItem');
var x;
//alert(item_box.length);
function changeText(){
for(x=0;x<item_box.length;x++){
if(item_box[x].hasAttribute('checked')){
item_box[x].value="0";
item_box[x].setAttribute('checked', true);
item_box[x].removeAttribute('checked');
item_box[x].setAttribute('disabled', false);
} else {
item_box[x].value="1";
item_box[x].setAttribute('checked', false);
item_box[x].setAttribute('disabled', true);
item_box[x].removeAttribute('disabled');
}
}
}