如何通过js实现勾选复选框

JavaScript010

如何通过js实现勾选复选框,第1张

js勾选复选框示例i:

//获取页面所有checkbox(checkbox的name设置一致)

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

//遍历checkbox

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

    //当前checkbox实现勾选

    items[i].checked=true

}

<input id="a" type="checkbox" value="" onclick="check(0)"/>a

<input id="1" type="checkbox" value="" onclick="check(1)"/>1

<input id="2" type="checkbox" value="" onclick="check(2)" />2

<input id="3" type="checkbox" value="" onclick="check(3)"/>3

<script>

function check(num){

obj=document.getElementById("a")

if(num==0)

for(i=1i<=3i++){document.getElementById(i).checked=(obj.checked?true:false)}

else{obj.checked=(check2()==3?true:false)}

}

function check2(){

sta=0

for(i=1i<=3i++){if(document.getElementById(i).checked)sta++}

return sta

}

</script>

获取checkbox对象,根据value属性设置checkbox的checked属性(true为选中,false为取消选中)。下面实例演示——根据文本框的制定值设置复选框的选中项: 1、HTML结构 item-1item-2item-3item-4item-52、javascript代码 function fun(){var ...