原生 将数组内容分别存入创建的循环单行栏(复选框+内容)里 并验证

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

 

posted @ 2017-03-27 14:26  秦雨  阅读(179)  评论(0编辑  收藏  举报