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

  • 相关阅读:
    数组下标索引的循环原来可以这样写
    移位运算>>与>>>
    java调用redis的多种方式与心得
    $.ajax传输js数组,spring接收异常
    div背景css样式笔记
    js监听网页页面滑动滚动事件,实现导航栏自动显示或隐藏
    设置系统时区
    安装与配置文本编辑器vim
    添加阿里云数据源
    spring controller获取web前端post数据乱码解决
  • 原文地址:https://www.cnblogs.com/thongyan/p/6626544.html
Copyright © 2011-2022 走看看