<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>商品全选</title>

<style>

.btn{

width: 50px;

background-color: #ccc;

text-align: center;

line-height: 30px;

display: block;

text-decoration: none;

font-size: 14px;

color: black;

}

input{

display: block;

}

</style>

<script>

window.onload = function(){

var btn = document.getElementById('btn');

var input = document.getElementsByTagName('input');

var i = 0;

btn.onclick = function(){

for(i=0;i<input.length;i++){

input[i].checked = true;

}

}

}

</script>

</head>

<body>

<a href="" id="btn">全选</a>

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

<input type="checkbox">

</body>

</html>

ITPub博客

单击a的时候会全部选中但是一闪就没了，请问是什么原因