checkBox全选

最新推荐文章于 2022-01-21 11:20:47 发布

最新推荐文章于 2022-01-21 11:20:47 发布 · 327 阅读

文章标签：

#HTML

JSP 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的网页示例，使用HTML和JavaScript来实现复选框的全选功能。通过点击全选按钮，页面上的所有选项都可以被一键选中或取消选中。这个例子展示了如何使用JavaScript操作DOM元素，以及如何处理点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[color=darkred][/color]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
function selectAll(obj) {
var chkFlag = (obj.checked)? true: false;
var chkList = document.getElementsByName("checkname");

if(chkList.length > 0) {
for (var i=0; i<chkList.length; i++) {
chkList[i].checked = chkFlag;
}
} else {
alert("请选中");
obj.checked = false;
return;
}
}
</script>

<BODY>
<input type='checkbox' name='checkname'/>1
<input type='checkbox' name='checkname' />2
<input type='checkbox' name='checkname' />3
<input type="checkbox" name="select" id="ck" onclick="selectAll(this)"> selectAll
</BODY>
</HTML>