var m, i, a;

var dc = document.getElementById("dc");//获取区域元素

/*创建元素*/

var ul = document.createElement("ul");//创建ul 1个

m = ["1.这个是标题一","2.这个是标题二","3.这个是标题三","4.这个是标题四"];//声明数组

for( i = 0;i < m.length; i++){//循环数组中的元素，创建相同个数的“行” li

var li = document.createElement("li");//创建li

var input = document.createElement("input");//创建 表单元素

input.setAttribute ("type","checkbox");//将表单元素设置为复选框

input.setAttribute ("value",i);//设计复选框每个对应的value值

input.setAttribute ("onclick","Change(this)");//给复选框添加一个改变事件

li.appendChild(input);//将创建的复选框放入li中

ul.appendChild(li);//将创建的li放入UL中

dc.appendChild(ul);//将创建的ul放入区域元素中

}

/*创建元素完成*/

/*将数组中的值，放入对应li中*/

var li = document.getElementsByTagName("li");//获取当前的li

for(i = 0; i< li.length; i++){//循环li（li的个数，与数组对应的项 个数相同）

li[i].innerHTML =li[i].innerHTML + m[i];//当前的内容 = 之前的内容（复选框） + 数组对应的值

}

/*数组内容嵌入完成*/

/*创建变动函数（勾选复选框，输出当前的value值）*/

function Change(obj){

if(obj.checked == true){

alert(obj.value);

}else {

alert("取消选中");

}

}