本文介绍了一种使用JavaScript实现全选或全不选复选框的方法。通过一个按钮即可控制页面上所有复选框的选择状态，提高了用户体验。适用于前端开发中表单选择项的批量操作。
<script language=javascript>
function selectAll(){
var a = document.getElementsByTagName("input");
if(a[0].checked){
for(var i = 0;i<a.length;i++){
if(a[i].type == "checkbox") a[i].checked = false;
}
}
else{
for(var i = 0;i<a.length;i++){
if(a[i].type == "checkbox") a[i].checked = true;
}
}
}
</script>
<input type="checkbox" value=1 />
<input type="checkbox" value=2 />
<input type="checkbox" value=3 />
<input type="checkbox" value=4 />
<input type="checkbox" value=5 />
<input type="button" name="select" onclick="selectAll()" value="全选/全不选"/>
function selectAll(){
var a = document.getElementsByTagName("input");
if(a[0].checked){
for(var i = 0;i<a.length;i++){
if(a[i].type == "checkbox") a[i].checked = false;
}
}
else{
for(var i = 0;i<a.length;i++){
if(a[i].type == "checkbox") a[i].checked = true;
}
}
}
</script>
<input type="checkbox" value=1 />
<input type="checkbox" value=2 />
<input type="checkbox" value=3 />
<input type="checkbox" value=4 />
<input type="checkbox" value=5 />
<input type="button" name="select" onclick="selectAll()" value="全选/全不选"/>
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
