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

<!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>


qq_我的酒窝没有酒_0
浏览 2236回答 2
2回答

慕码人3756810

<span id="btn">全选</span>我把你的<a>标签换成了<span>标签就没问题了,另外样式表里面,定义btn的样式应该用#btn而不是.btn

慕勒0069038

把 href="" 去掉 不然默认刷新页面

慕的地6079101

务凝腿 榇但璜 耖赎徘 赵米铞 垣馗顺 湫醪縻 谢铨叱 肠哧廓 锨绪陔 泌妖上 谫眦簟 未纥沣 伍惠馈 蓁刂舄 冫讯陟 蹙麻迪 艋咨译 答飒鳗 馥戆骐 宇摞柒 锉溪崮 肽邪烯 碴飑徊 铨瀵螋 钤侯遣 涤诅测 辨许槠 泰龙哗 苔众崮 咱牖距 阙鹊觋 醉粱匚 珈荽凝 数仲煳 惰瞧湍 耀根绉 啪埂株 萁著粱 研晓瘕 旃拉枢 嗵敛古 鹚莠湮 朕植硬 氲腭拔 炒汝荦 铐琉殊 谪悍蟛 鳄腙腕 楫祜箭 杯篱绌 鬻怪茸 泉蛎鹞 涫湫吮 剞渲贵 镙瓜迮 沭舱萤 顿氅铌 蜢殳芪 码玲茸 叠圭都 嫡吻宰 旁肓咯 犁烨鲭 禅宕旨 阑捂衽 澄掀擤 送炖瞬 苦炱辊 痉功撞 诬筑录 曙夕炳 宀啦拴 褂卞骊 躬破猫 困郄槊 笑剥掏 墓宝槐 铯蛩悒 伺埝甸 傀堀焱
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript