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

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

  • 相关阅读:
    github提交用户权限被拒
    vue数据响应式的一些注意点
    总结一下做移动端项目遇到的坑
    react-router
    promise-async-await
    递归函数
    Linux基础
    所有的数据处理都是map-reduce
    Mac下配置JAVA_HOME
    MySQL高级
  • 原文地址:https://www.cnblogs.com/thongyan/p/6626544.html
Copyright © 2011-2022 走看看