jsfidle
HTML
___________
<ul id="aaa"></ul>
___________
<ul id="bbb"></ul>
JavaScript
var data = [
{label: 'name', id: '1'},
{label: 'name2', id: '2'},
{label: 'name3', id: '3'}
]
var obj = {
a: document.getElementById('aaa'),
b: document.getElementById('bbb')
};
function check(chbox,obj,data)
{
data[chbox.value*1].check = chbox.checked;
write(obj,data);
console.log(chbox.getAttribute("name"))
}
function write(obj,data)
{
var i,str;
str = {a:'',b:''};
for (i=0;i<data.length;i++)
{
if (!(data[i].check))
{str.a+='<li><input type=checkbox value =' + i + ' onchange="check(this,obj,data)" name='+data[i].id+'>' + data[i].label + '</li>'}
else {str.b+='<li><input type=checkbox onchange="check(this,obj,data)" name='+data[i].id+' value = '+ i + ' checked="checked">' + data[i].label + '</li>'}
}
obj.a.innerHTML = str.a;
obj.b.innerHTML = str.b;
}
write(obj,data);