纯JS写一个复选框

JavaScript013

纯JS写一个复选框,第1张

var val=[]

onload=function(){

    for(var i=0i<12i++){

        var ck=document.createElement("input")

        ck.type="checkbox"

        ck.value=i+1

        ck.onclick=function(){

          if(this.checked){

              val.push(this.value)

          }else{

              val.splice(this.value-1,1)

          }

        }

        document.body.appendChild(ck)

    }

}

js勾选复选框示例i：

//获取页面所有checkbox（checkbox的name设置一致）

var items=document.getElementByName("checkbox的name")

//遍历checkbox

for(var i=0i<items.lengthi++){

    //当前checkbox实现勾选

    items[i].checked=true

}

（1）var select=document.getElementById("select")

var option=new Option("文本",“值")

select.options.add(option)

（2）上述先获取下拉框的id再添加值添加至下拉框中即可