<!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>
2 回答
慕码人3756810
TA贡献1条经验 获得超2个赞
<span id="btn">全选</span>
我把你的<a>标签换成了<span>标签就没问题了,另外样式表里面,定义btn的样式应该用#btn而不是.btn
慕的地6079101
TA贡献3593条经验 获得超0个赞
务凝腿
榇但璜
耖赎徘
赵米铞
垣馗顺
湫醪縻
谢铨叱
肠哧廓
锨绪陔
泌妖上
谫眦簟
未纥沣
伍惠馈
蓁刂舄
冫讯陟
蹙麻迪
艋咨译
答飒鳗
馥戆骐
宇摞柒
锉溪崮
肽邪烯
碴飑徊
铨瀵螋
钤侯遣
涤诅测
辨许槠
泰龙哗
苔众崮
咱牖距
阙鹊觋
醉粱匚
珈荽凝
数仲煳
惰瞧湍
耀根绉
啪埂株
萁著粱
研晓瘕
旃拉枢
嗵敛古
鹚莠湮
朕植硬
氲腭拔
炒汝荦
铐琉殊
谪悍蟛
鳄腙腕
楫祜箭
杯篱绌
鬻怪茸
泉蛎鹞
涫湫吮
剞渲贵
镙瓜迮
沭舱萤
顿氅铌
蜢殳芪
码玲茸
叠圭都
嫡吻宰
旁肓咯
犁烨鲭
禅宕旨
阑捂衽
澄掀擤
送炖瞬
苦炱辊
痉功撞
诬筑录
曙夕炳
宀啦拴
褂卞骊
躬破猫
困郄槊
笑剥掏
墓宝槐
铯蛩悒
伺埝甸
傀堀焱
添加回答
举报
0/150
提交
取消