html中checkbox的全选

<body>
<script type="text/javascript" language="javascript">
function check(){
var oo=document.getElementsByName("pro");  //通过.getElementsByName()把name为“pro”的复选框定义成集合
for(var i=0;i<oo.length;i++){
oo[i].checked=document.getElementById("all").checked; //当id为“all”的复选框被选中时,让集合中每一个对象都被选中
}
}
</script>
<input type="checkbox" id="all" onclick="check();" />全选
<input name="pro" type="checkbox" id="1" />苹果
<input name="pro" type="checkbox" id="2" />梨
<input name="pro" type="checkbox" id="3" />香蕉
</body>

猜你喜欢

转载自www.cnblogs.com/sunda847882651/p/9404012.html