js全选，全不选

最新推荐文章于 2025-08-01 15:23:39 发布

转载最新推荐文章于 2025-08-01 15:23:39 发布 · 576 阅读

前端专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个简单的网页元素选择器实现方案，通过自定义JavaScript函数实现对网页中复选框的选择控制。该方案包括取消所有选择的功能及全选功能。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language=javascript>

//转载请保留出处 
function unselectall(){
if(document.myform.chkAll.checked){
document.myform.chkAll.checked = document.myform.chkAll.checked&0;
}
}
function CheckAll(form){
for (var i=0;i<form.elements.length;i++){
var e = form.elements[i];
if (e.Name != 'chkAll'&&e.disabled==false)
e.checked = form.chkAll.checked;
}
}
</script>
</head>

<body>
<form name="myform" method="post" id="myform" action="" >
  <input name='id' type='checkbox' onclick='unselectall()' id='id' value='1'>
  设计家园
  <input name='id' type='checkbox' onclick='unselectall()' id='id' value='2'>
  网页教程
  <input name='id' type='checkbox' onclick='unselectall()' id='id' value='3'>
  酷站欣赏
  <input name='id' type='checkbox' onclick='unselectall()' id='id' value='4'>
  网页素材
  <input name='chkAll' type='checkbox' id='chkAll' onclick='CheckAll(this.form)' value='checkbox'>
  全选
</form>
</body>
</html>