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("取消选中");
}
}